Comment j'utilise JQuery Autocomplete pour plusieurs mots

Question

J'ai un champ de saisie semi-automatique et je me demande comment je peux l'utiliser pour plusieurs mots? Quand je tape le premier mot cela fonctionne parfaitement, mais quand j'espace et tapez dans le deuxième mot, son envoie les deux mots de retour au serveur et bien sûr les résultats sont faux!

par ex. quand je les deux mots,

« Java javascript »

le premier mot « Java », saisie semi-automatique fonctionne bien, tirez sur la liste.

mais lorsque je place et saisis javascript, la saisie semi-automatique envoie 'Java + javascript' à ma fonction ajax.

Des idées pour résoudre ce problème?

Answer 1

On dirait que vous ne pouvez pas, l'implémentation intégrée ne le supporte pas - vous pouvez voir dans le lien ci-dessus: "ne fait pas partie de la version stable ou de la distribution".

Cependant, je l'ai téléchargé et utiliser la version externe, disponible here:

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

il est un peu plus grand, mais l'utilisation est exactement le même, vous ne devez pas changer quoi que ce soit, pour la sélection multiple, ajouter aux options {multiples: true}

Mise à jour

jQueryUI a été mis à jour pour les nouveaux versi ons rendant cette réponse obsolète. Un exemple UpToDate se trouve ici

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

Answer 2

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

Pour activer autocomplétion pour plusieurs mots que vous devez définir les options multiples: true et multipleSeparator: ""

Answer 3

Si vous utilisez la version "bassistance" de Autocomplete, elle est intégrée. Mais si vous utilisez la version jQuery UI, voici un exemple:

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

Answer 4

Ajouter un commentaire à une réponse plus complète, disons que vous avez deux choix possibles avec un préfixe commun:

IP5, batterie IP5

si les types d'utilisateur dans la zone de texte ip5, la première sélection ci-dessus sera automatiquement choisie sans laisser l'utilisateur continuer à taper pour la deuxième sélection, pour éviter ce comportement, assurez-vous d'utiliser l'option

triggerSelectOnValidInput: true,