jQuery Girl
  1. jQuery Girl
  3. La saisie semi-automatique jQuery ne fonctionne pas avec un tableau de paires de valeurs clés
Intereting Posts
Comment faire une requête interdomaine en utilisant ajax ou javascript? Problèmes avec setInterval fonction prêt de document jQuery Étendre un object JavaScript en passant une chaîne avec le chemin d’access et une valeur La galerie de photos HTML / CSS n’affiche pas d’images jqGrid – redimensionner la dernière colonne Comment se souvenir de l’URL actuellement cliqué? javascript? PHP? Comment appeler une fonction javascript à partir d’une chaîne JSON? Rendu d’une vue partielle lors d’un clic de bouton dans ASP.NET MVC Les tables mobiles jQuery définissent la vue par défaut Razor: zone de texte à saisie automatique à l’intérieur de jqGrid, comment lier des valeurs? Sélecteurs et barres obliques inverses jQuery Deux problèmes de barres de défilement? La table de mise à jour JQuery Mobile via AJAX et le basculement de colonne ne fonctionnent plus jQuery Autocomplete ne fonctionne pas dans Rails 4

La saisie semi-automatique jQuery ne fonctionne pas avec un tableau de paires de valeurs clés

J’essaie de créer un champ autocomplete avec le widget jQuery autocomplete, mais il semble que cela ne fonctionne pas pour une raison quelconque.

Le code que j’utilise est le suivant:

HTML

JavaScript 

 var $specialties = [ { id : 107, name : 'Painting' }, { id : 158, name : 'Reading' } ]; var $specialty_text_field = $('#specialties'); $specialty_text_field.autocomplete( { source : $specialties, minLength : 3 } );

Et lorsque je saisis dans le champ de texte le texte Pain je reçois comme résultat le texte No search results.

Qu’est-ce qui ne va pas avec ce code?

Comme il est clairement indiqué dans la documentation , vos champs doivent être libellés avec label et value .

Tableau : un tableau peut être utilisé pour les données locales. Il existe deux formats pris en charge: 

 An array of ssortingngs: [ "Choice1", "Choice2" ] An array of objects with label and value properties: [ { label: "Choice1", value: "value1" }, ... ]

EDIT : Et comme il a été souligné, l’identifiant de l’entrée est une saisie semi – automatique , pas des spécialités .