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>
keyup
dentro del input es decir cuando se escribe algo. Cual es tu propósito? Que se realize la búsqueda cuando se apriete el botón con lo que hay en el input? o que se realize automáticamente a medida que se escribe?keyup
y poner el código de buscar fuera de la función en la que lo tienes ahora. Ahora te lo escribo en la respuesta.