[ Foro de Javascript ]

Filtro de solamente dos columna de una tabla

30-Mar-2022 17:30
Invitado (Alex Valle)
0 Respuestas

Buenas días, quiero hacer filtro de la columna latitud y longitud  que se cumpla las dos condición de una tabla html  tomado de los input latitud y longitud. por medio de metodo javascript.

----------------- Aquí la tabla---------------------------

    <div class="container">
     <div class="card bg-light" style="margin-top: 10px; margin-left: 5px; margin-bottom: 70px;">
         <div class="card-header">
             <h5 class="card-title">Registros ANA</h5>
       </div>
       <div class="card-body">
      <table class="table table-striped table-bordered" >
        <thead class="thead-dark">
            <tr style=" text-align: center;">
            <th scope="col">Latitud</th>
            <th scope="col">Longitud</th>
            <th scope="col">Referencia</th>
            <th scope="col">Fecha</th>
          </tr>
        </thead>
           <tbody id="tblCoordenadas">
              <?php
                   if (!is_null($Registros)) {
                       foreach ($Registros as $_reg) {
                           echo "<tr style='text-align: center;'>";
                           echo "<td>" . $_reg[1] . "</td>";
                           echo "<td>" . $_reg[2] . "</td>";
                           echo "<td>" . $_reg[3] . "</td>";
                           echo "<td>" . $_reg[4] . "</td>";
                           echo "</tr>";
                       }
                   } else {
                       echo '<tr><td style="text-align: center;" colspan="8">-- No existen datos de solicitudes --</td></tr>';
                   }
                ?>      
        </tbody>
      </table>
</div>
   </div>
</div>
<!-- Fin de la tabla-->


---codigo html de donde están los input------------------------
 <form class="needs-validation" action="saveCoord.php" method="post" id="formCoord">
                   <div class="form-row">
                     <div class="form-group col-md-6">
                         <label for="Latitud">Latitud</label>
                         <input type="text" id="latitud" name="latitud" class="form-control" data-index="1">
                     </div>
                     <div class="form-group col-md-6">
                         <label for="Longitud">Longitud</label>
                      <input type="text" id="longitud" name="longitud" class="form-control">
                     </div>
                       <br/>
                       <div class="form-group col-md-12">
                           <input type="text" id="referencia" name="referencia" class="form-control" placeholder="Indique una referencia del Lugar" required>
                           <div class="invalid-feedback">Por favor, escroba la referencia del lugar.</div>
                     </div>
                   </div>
           
               <button type="button" class="btn btn-primary" onclick="filtrar()""><span class="fa fa-search"></span> Filtrar Coordenadas</button>
               <button type="button" class="btn btn-primary" onclick="return ValidarRegistro();"><span class="fa fa-floppy-o"></span> Guardar</button>
<!--                <button type="submit" class="btn btn-primary"><span class="fa fa-floppy-o"></span> Guardar</button>-->
              </form>




(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)