busqueda automatica al seleccionar una opcion de un desplegable

rodriguez_sherifi · #1 (**permalink**) 07/04/2016, 11:41

Necesito saber como hacer para que el usuario de una web al seleccionar una opción de un desplegable busque automáticamente el parámetro seleccionado sin necesidad de ir y pulsar el botón

gracias es urgente

DDecko · #2 (**permalink**) 07/04/2016, 11:46

tendrías que hacerlo con javascript, que una vez que haga el change del desplegable, haga una petición al servidor

rodriguez_sherifi · #3 (**permalink**) 07/04/2016, 12:32

me puede mostrar un codigo ejemplo para poder adaptarlo ? muchas gracias

rodriguez_sherifi · #4 (**permalink**) 07/04/2016, 12:41

Cita:

Iniciado por DDecko

tendrías que hacerlo con javascript, que una vez que haga el change del desplegable, haga una petición al servidor

me puede mostrar un codigo ejemplo para poder adaptarlo ? muchas gracias

DDecko · #5 (**permalink**) 07/04/2016, 13:59

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>');
			};
		});
	});
});

danteavo92 · #6 (**permalink**) 14/04/2016, 14:01

Se pudo solucionar este tema? a mi no me salió

petit89 · #7 (**permalink**) 14/04/2016, 14:08

Revisa aqui....

http://www.forosdelweb.com/f4/poner-...0/#post4788161

solo hay que adaptarlo..