Skip to main content
3 de 3
formato de código + ortografía
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

Cómo busco los datos de una tabla

Aquí tengo mi código ya lo hice en un input y me busca los datos, pero al presionar el botón buscar no me busca, ¿por qué puede ocurrir y cómo puedo solucionarlo?.

Esto es mi código jQuery:

$(document).ready(function () {
    $("#btnBuscar").click(function () {

        // Buscar por Fecha  
        var busquedaFec = document.getElementById('txtFecUtilidad');
        var table = document.getElementById("tabla").tBodies[0];
   
     //   alert("Entrooooo");
        buscaaTabla = function () {     

            texto = busquedaFec.value.toLowerCase();
            var r = 0;
            while (row = table.rows[r++]) {
                if (row.innerText.toLowerCase().indexOf(texto) !== -1)
                    row.style.display = null;
                else
                    row.style.display = 'none';
            }
        }
        busquedaFec.addEventListener('keyup', buscaaTabla);
    });
});

Parte HTML mi código:

    <div class="col-md-4" style="top:-15px">
        <div class="form-group label-floating">
            <label class="control-label">Fecha de Utilidad</label>
            <input type="text" class="form-control datepicker " id="txtFecUtilidad" />                                                                 
        </div>
    </div>
</div>
                               
<div class="col-md-4" style="top:-20px">
<!--<button onclick="jsBuscar();" class="btn btn-info btn-block" value="Buscar" >Buscar</button>--> 
    <button class="btn btn-info btn-block " id="btnBuscar" type="button" value="Buscar" >Buscar</button>
</div>