J'ai un formulaire html/php qui prend 2 entrées de l'utilisateur et affiche les résultats de la recherche en exécutant une requête sur la base de données. Comment puis-je activer la saisie automatique pour les 2 entrées utilisateur où les résultats sont recherchés dans la base de données en utilisant les appels AJAX?Comment écrire un compléteur automatique simple pour un formulaire php?
Si 'enable-auto-complete' = Afficher une liste possible de valeurs dans une liste déroulante, il y a un plugin jquery avec le même nom. Vous pouvez utiliser avec un tableau de valeurs en javascript ou en conjonction avec Ajax.
Essayez cette (base de données avec la récupération de plusieurs champs de données =)
//demo_cities.php
<?php
\t $con=mysqli_connect("localhost","root","","auto");
\t
\t $return_arr = array();
$ac_term = "%".$_GET['term']."%";
$query = "SELECT * FROM data where name like '$ac_term'";
\t $result=mysqli_query($con,$query);
while ($row = mysqli_fetch_row($result))
\t {
$row_array['label'] = $row[0];
$row_array['price'] = $row[1];
array_push($return_arr,$row_array);
}
\t echo json_encode($return_arr);
?>//index.php
</head>
<body>
<form method="post">
<fieldset>
<p><label>Name: </label>
<input type="text" id="name" name="name" /> <br />
<label>Price: </label>
<input type="text" id="price" name="price" /> <br /></p>
</fieldset>
</form>
<script>
$(function() {
\t $('#price').val("");
\t \t \t \t
\t $("#name").autocomplete({
\t source: "demo_cities.php",
minLength: 1,
select: function(event, ui) {
$('#price').val(ui.item.price);
},
\t \t response: function(event, ui)
\t \t {
\t \t \t $('#price').val("");
\t \t }
});
});
</script>
</body>
</html>
http://www.nodstrum.com/2007/09/19/autocompleter/ –