Dieser sehr gut! https://github.com/wuyuntao/jquery-autosuggest/
Wie man es benutzt
Natürlich müssen Sie sicherstellen, dass die neueste jQuery-Bibliothek (mindestens 1.3) bereits auf Ihrer Seite geladen ist. Danach ist es ganz einfach: Fügen Sie Ihrer Seite einfach den folgenden Code hinzu (stellen Sie sicher, dass Sie Ihren Code in die Ready-Funktion von jQuery einschließen):
$(function(){
$("input[type=text]").autoSuggest(data);
});
Die obige Codezeile wendet AutoSuggest auf alle Texttypelemente input
auf der Seite an. Jeder verwendet denselben Datensatz. Wenn Sie mehrere AutoSuggest-Felder auf Ihrer Seite haben möchten, die unterschiedliche Datensätze verwenden, müssen Sie diese separat auswählen. So was:
$(function(){
$("div.someClass input").autoSuggest(data);
$("#someID input").autoSuggest(other_data);
});
Wenn Sie die oben genannten Schritte ausführen, können Sie verschiedene Optionen und verschiedene Datensätze übergeben. Unten finden Sie ein Beispiel für die Verwendung von AutoSuggest mit einem Datenobjekt und anderen verschiedenen Optionen:
var data = {items: [
{value: "21", name: "Mick Jagger"},
{value: "43", name: "Johnny Storm"},
{value: "46", name: "Richard Hatch"},
{value: "54", name: "Kelly Slater"},
{value: "55", name: "Rudy Hamilton"},
{value: "79", name: "Michael Jordan"}
]};
$("input[type=text]").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name"});