Ver Mensaje Individual
  #5 (permalink)  
Antiguo 07/04/2016, 13:59
DDecko
 
Fecha de Ingreso: marzo-2016
Ubicación: México
Mensajes: 58
Antigüedad: 8 años
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>');
			};
		});
	});
});