Wie verwende ich JQuery Autocomplete für mehrere Wörter

Question

Ich habe ein Autocomplete-Feld und frage mich nur, wie kann ich es für mehrere Wörter verwenden? Wenn ich das erste Wort tippe, funktioniert es perfekt, aber , wenn ich platze und das zweite Wort eintippe, sendet es die zwei Wörter zurück zum Bediener und natürlich sind die Resultate falsch!

z. wenn ich die beiden Wörter eingeben,

‚Java Javascript‘

das erste Wort ‚Java‘, die automatische Vervollständigung gut funktioniert, ziehen Sie die Liste.

aber wenn ich Leerzeichen und Typ Javascript, Autocomplete sendet 'Java + Javascript' zu meiner Ajax-Funktion.

Irgendwelche Ideen, wie das zu beheben?

Answer 1

Sieht aus wie Sie nicht können, unterstützt die eingebaute Implementierung es nicht - Sie können in dem Link oben sehen: "ist nicht Teil der stabilen Veröffentlichung oder Verteilung".

Allerdings habe ich heruntergeladen und verwenden Sie die externe Version, verfügbar here:

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

es ist ein wenig größer, aber die Nutzung ist genau das gleiche, Sie müssen nichts ändern, fügen Sie für Mehrfachauswahl, um die Optionen {mehrere: true}

aktualisieren

jQueryUI jetzt die neuesten versi wurde aktualisiert ons, die diese Antwort überflüssig machen. Ein uptodate Beispiel kann

http://jqueryui.com/demos/autocomplete/#multiple

Answer 2

$("#tagnames").autocomplete("/tags/filter", { 
     max: 6, 
     highlightItem: true, 
     multiple: true, 
     multipleSeparator: " ", 
    }) 

hier zu finden, um Auto-Vervollständigen für mehrere Wörter können Sie Optionen Mehrfachaufspannungen sollten: true und multipleSeparator: ""

Answer 3

Wenn Sie mit die "bassistance" Version von Autocomplete, es ist eingebaut. Aber wenn Sie die jQuery UI Version verwenden, gibt es ein Beispiel hier:

http://jqueryui.com/demos/autocomplete/#multiple

Answer 4

einen Kommentar für eine vollständigere Antwort Hinzufügen, sagen wir, Sie mit einem gemeinsamen Präfix zwei Auswahlmöglichkeiten haben:

ip5, ip5 Batterie

wenn der Benutzer in der Textbox ip5, die erste Auswahl oben wird automatisch ausgewählt, ohne dass der Benutzer für die zweite Auswahl weiter tippen muss. Um dieses Verhalten zu vermeiden, verwenden Sie die Option

triggerSelectOnValidInput: true,