¿Cómo puedo hacer un select
en html, que muestre como opciones una columna específica de una tabla en mysql, y que al seleccionar uno de los datos, filtre y muestre la misma tabla, pero filtrada y con los datos de lo seleccionado?
Se hizo un filtrador de datos, pero con texto, ahora es hacerlo seleccionando a través de un select
.
Se agregan los códigos utilizados.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/main.css">
<script src="js/jquery.min.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<!--<section class="bloques"></section>-->
<section class="principal">
<div class="block1">
<label for="caja_busqueda">Seleccionar origen</label>
<br>
<select id="caja_busqueda" name="origen" class="form-control"></select>
<div class="block2">
<label>Tipo de dato</label>
<br>
<select id="segundaSel"></select>
</div>
</div>
<div id="datos"></div>
</section>
</body>
</html>
Página principal en html
$(buscar_datos());
function buscar_datos(consulta){
$.ajax({
url: 'App/buscar.php',
type: 'POST',
dataType: 'html',
data: {consulta: consulta},
})
.done(function(respuesta){
$("#datos").html(respuesta);
})
.fail(function(){
console.log("error");
})
}
$(document).on('keyup', '#caja_busqueda', function(){
var valor = $(this).val();
if (valor != "") {
buscar_datos(valor);
}else{
buscar_datos();
}
Código en JS donde se hace el filtrado de la tabla
jQuery.each(OrigenTipo.ciudades, function(){
htmlOrigen = htmlOrigen + '<option value="' + OrigenTipo.ciudades[iOrigen].origen + '">' + OrigenTipo.ciudades[iOrigen].origen + '</option>';
iOrigen++;
});
Tengo en el jquery, desarrollado el select
; ¿cómo puedo pasarle a esto una columna de la tabla que está seleccionada, generando así las opciones a seleccionar? Es decir, cambiar el contenido de htmlOrigen por un método php que saque los datos de la tabla y los muestre como select.