P - ¿Como puedo hacer para que solo se vean las filas de una tabla (<table>) que coinciden con lo escrito en un cuadro de texto?
R - Con este código:
Código PHP:
<html>
<head>
<script>
function buscar(txt) {
obj=document.getElementById('tabla');
// Recorremos todas las filas de la tabla
for (i=0;ele=obj.getElementsByTagName('tr')[i];i++) {
// elegimos la primera celda de la fila
celda = ele.getElementsByTagName('td')[0]
// averiguamos que hay dentro de la celda
dato = celda.innerHTML;
// vemos si coincide con lo que se ha escrito en el cuadro de texto
iz = dato.substr(0,txt.length);
celda.style.display = (txt==iz) ? '' : 'none';
}
}
</script>
</head>
<body>
<input type="text" onkeyup="buscar(this.value)" />
<table id="tabla" border="1">
<tr><td>avion</td></tr>
<tr><td>coche</td></tr>
<tr><td>aviador</td></tr>
<tr><td>coger</td>
</table>
</body>
</html>