jQuery Girl
  1. jQuery Girl
  3. Comment utiliser JQuery Autocomplete pour plusieurs mots
Intereting Posts
jQuery Tools Scrollable: 3 éléments à l’écran mais défilant un à la fois Comment puis-je append une bordure à tous les éléments partageant une classe lorsque la souris survole l’un d’eux à l’aide de jQuery? Besoin d’un meilleur moyen de valider les cases à cocher ASP.NET en utilisant un plugin de validation jquery? Conversion de la chaîne de caractères longue en object Google Maps de Google Maps. Comment append une condition «dépend» de la règle valueNotEquals dans le plugin jQuery Validation? Envoyez JQuery JSON au REST WCF en utilisant la date Comment se débarrasser de la bordure bleue qui entoure toute la liste des options en cas de changement, sélectionnez une autre option de sélection à l’aide de jquery load Nettoyer les anciennes options du menu déroulant enfant lors de la réception de données par JSON L’appel $ .ajax fonctionne correctement dans IE8 et ne fonctionne pas dans les navigateurs Firefox et Chrome Comment passer à la diapositive suivante par programmation? Gestion de données volumineuses via jquery ajax Slick slider witdh of 0 si caché div (onglet Bootstrap) Comment append un symbole plus moins à un accordéon bootstrap plusieurs validateurs jquery sur un formulaire

Comment utiliser JQuery Autocomplete pour plusieurs mots

J’ai un champ autocomplete et je me demande comment puis-je l’utiliser pour plusieurs mots? Lorsque je tape le premier mot, cela fonctionne parfaitement, mais quand j’espace et que je tape le deuxième mot, il renvoie les deux mots au serveur et, bien sûr, les résultats sont erronés!

par exemple. quand je tape les deux mots,

‘Java javascript’

le premier mot “Java”, autocomplete fonctionne bien, tirez la liste.

mais quand j’espace et tape javascript, autocomplete envoie ‘Java + javascript’ à ma fonction ajax.

Une idée de comment réparer ça?

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 ou de la dissortingbution stable”.

Cependant, j’ai téléchargé et utilisé la version externe, disponible ici :

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

c’est un peu plus gros, mais l’utilisation est exactement la même, vous n’avez rien à changer, pour une sélection multiple, ajoutez aux options {multiple: true}

Mettre à jour

JQueryUI a été mis à jour pour les dernières versions, rendant cette réponse obsolète. Un exemple à jour peut être trouvé ici

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

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

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

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

Pour activer la saisie automatique pour plusieurs mots, vous devez définir les options multiple: true et multipleSeparator: “”

Ajoutant un commentaire pour une réponse plus complète, supposons que vous ayez deux sélections possibles avec un préfixe commun:

ip5 , ip5 batterie

si l’utilisateur tape dans la zone de texte ip5, la première sélection ci-dessus sera automatiquement choisie sans permettre à l’utilisateur de continuer à taper pour la deuxième sélection. Pour éviter ce problème, assurez-vous d’utiliser l’option

sortingggerSelectOnValidInput: true,