Este código nos permite crear un buscador intantaneo para nuesta página web, el código es sl siguiente.
HTML
jQuery
$(document).ready(function(){ var consulta; //hacemos focus al campo de búsqueda $("#busqueda").focus(); //comprobamos si se pulsa una tecla $("#busqueda").keyup(function(e){ //obtenemos el texto introducido en el campo de búsqueda consulta = $("#busqueda").val(); //hace la búsqueda $.ajax({ type: "POST", url: "buscar.php", data: "b="+consulta, dataType: "html", beforeSend: function(){ //imagen de carga $("#resultado").html(""); }, error: function(){alert("error petición ajax");}, success: function(data){ $("#resultado").empty(); $("#resultado").append(data); } }); }); }); ?>
PHP buscar.php
".$b."'."; }else{ while($row=mysql_fetch_array($sql)){ $nombre = $row['nombre']; $id = $row['id']; echo $id." - ".$nombre."
"; } } } ?>
Código para mostar en un input text
".$b."'."; }else{ while($row=mysql_fetch_array($sql)){ $nombre = $row['nombre']; $id = $row['id']; //Aca creas los inputs echo "" //echo $id." - ".$nombre."
"; } } } ?>