completamento automatico di Google in stile con i tasti freccia
-
27-10-2019 - |
Domanda
Ho creato un semplice motore di ricerca che visualizza i risultati di MySQL database utilizzando la funzione "Like" (codice qui sotto) php. tutto funziona bene. Vorrei solo fare in modo che quando l'utente inizia a digitare lui / lei può usare i tasti freccia per scorrere verso il basso e premere invio per un oggetto, proprio come google. Grazie. il mio codice:
HTML:
<input type="text" name='search' id="searchbooks" onkeyup='getbooks(this.value);' value="search" onblur="setTimeout('removedrop()', 80);">
<div id='drop'></div>
javascript:
function getbooks(value){
if (value!=""){
$.post('getbooks.php', {book: value},
function (data) {
$('#drop').html(data);
doCSS();
});
}
else {
$('#drop').html("");
undoCSS();
}
}
File getbooks.php:
<?php
include 'connect.php';
$book=mysql_real_escape_string(addslashes($_POST['book']));
$result=mysql_query("SELECT * FROM searchengine WHERE title LIKE '$book%'");
while ($row=mysql_fetch_assoc($result)){
$title=$row['title'];
$id=$row['id'];
echo "<div id='link'><a href='index.php?id=$id' id='words'>". $row['title'] ."</a></div>";
}
?>
Soluzione
Come sull'utilizzo del jQuery completamento automatico plug ? E 'fatta proprio per questo caso d'uso.
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow