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

StackOverflow https://stackoverflow.com/questions/824144

  •  05-07-2019
  •  | 
  •  

Frage

Ich habe ein Autocomplete-Feld und bin nur fragen, wie kann ich es verwenden für mehrere Wörter? Als ich das erste Wort gebe es funktioniert perfekt, aber wenn ich Raum und geben Sie in das zweite Wort, sendet seine die beiden Wörter zurück an den Server und natürlich sind die Ergebnisse falsch!

zB. wenn ich die beiden Wörter eingeben,

'Java Javascript'

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

aber wenn ich Raum und Javascript eingeben, die automatische Vervollständigung sendet ‚Java + Javascript‘meine Ajax-Funktion.

Alle Ideen, wie dieses Problem beheben?

War es hilfreich?

Lösung

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

Allerdings habe ich heruntergeladen und verwenden Sie die externe Version, verfügbar hier rel="nofollow :

http://bassistance.de/jquery-plugins/jquery-plugin- die automatische Vervollständigung /

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

Aktualisieren

jQueryUI hat jetzt die neuesten Versionen aktualisiert machen diese Antwort überholt. Ein uptodate Beispiel finden Sie hier

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

Andere Tipps

Wenn Sie die „bassistance“ -Version von automatischer Vervollständigung verwenden, ist es eingebaut Aber wenn Sie die jQuery UI-Version verwenden, gibt es hier ein Beispiel:.

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

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

Um Auto-Vervollständigen für mehrere Wörter zu ermöglichen sollten Sie setzen Optionen mehrere: true und multipleSeparator: "„

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

ip5 , ip5 Batterie

, wenn der Benutzer in der Textbox ip5, die erste Auswahl über den Benutzer automatisch erhält gewählt halten, ohne dass für die zweite Auswahl eingeben, um dieses Verhalten zu vermeiden, stellen Sie sicher, dass Sie die Option

triggerSelectOnValidInput: true,

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top