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

Cómo busco los datos de una tabla que esta lleno de datos con boton buscar, utilizando jquey

AquiAquí tengo mi código ya lo hice en un input yay me busca los datos, pero al presionar botonel botón buscar no me busca, por favor alguien me¿por qué puede ayudar, se le agradeceraocurrir y cómo puedo solucionarlo?.

Esto es mi código jqueryjQuery:

$(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 Parte HTML mi codigo ////////// Fecha de Utilidad
código:

    <div class="col-md-4" style="top:-15px">
        <div class="colclass="form-mdgroup label-4"floating">
 style="top:           <label class="control-20px">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>

Cómo busco los datos de una tabla que esta lleno de datos con boton buscar, utilizando jquey

Aqui tengo mi código ya lo hice en un input ya me busca los datos pero al presionar boton buscar no me busca, por favor alguien me puede ayudar, se le agradecera.

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 codigo ////////// Fecha de Utilidad

            <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>

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>

Aqui tengo mi codigocódigo ya lo hice en un inputinput ya me busca los datos pero al precionarpresionar boton buscarbuscar no me busca, por favor alguien me puede ayudar, se le agradecera.

estoEsto es mi codigocódigo jquery

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

$(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 codigo ////////// Fecha de Utilidad

            <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>

Aqui tengo mi codigo ya lo hice en un input ya me busca los datos pero al precionar boton buscar no me busca, por favor alguien me puede ayudar, se le agradecera.

esto es mi codigo 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 codigo ////////// Fecha de Utilidad

            <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>

Aqui tengo mi código ya lo hice en un input ya me busca los datos pero al presionar boton buscar no me busca, por favor alguien me puede ayudar, se le agradecera.

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 codigo ////////// Fecha de Utilidad

            <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>
Origen Enlace

Cómo busco los datos de una tabla que esta lleno de datos con boton buscar, utilizando jquey

Aqui tengo mi codigo ya lo hice en un input ya me busca los datos pero al precionar boton buscar no me busca, por favor alguien me puede ayudar, se le agradecera.

esto es mi codigo 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 codigo ////////// Fecha de Utilidad

            <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>