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>