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."
";
}
}
}
?>