07/04/2016, 13:59
|
| | | Fecha de Ingreso: marzo-2016 Ubicación: México
Mensajes: 58
Antigüedad: 8 años, 7 meses Puntos: 3 | |
| Respuesta: busqueda automatica al seleccionar una opcion de un desplegable
Aqui esta:
HTML:
Código:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="//code.jquery.com/jquery-2.2.3.min.js"></script>
<script src="peticion.js"></script>
</head>
<body>
<div>
<form method="post">
<label>buscar:</label>
<select name="tipo" id="tipo">
<option disable>Selecciona una opcion</option>
<option value="usuario">Usuario</option>
</select>
</form>
</div>
<div id="contenido">
</div>
</body>
</html>
PHP:
Código:
<?php
$tipo=$_POST['tipo'];
//aqui vas hacer tu consulta y lo que recibas es lo que vas a enviar
//select * from usuarios where nombre like '%".$tipo."%'
$array[] = array('usuario' =>array('Antonio' ,'Lupe','Carlos') );
echo json_encode($array);
?>
el js te lo dejo en jquery:
JS:
Código:
$(function(){
$('#tipo').change(function(){
var selec=$(this).val();
$.ajax({
url:'consulta.php',
type:'POST',
data:'tipo='+selec
}).done(function(resp){
var js= eval(resp);
for (i =0;i < js[0]['usuario'].length;i++) {
$('#contenido').append('<p>Hola '+js[0]['usuario'][i]+'</p>');
};
});
});
});
|