jQuery Girl
  1. jQuery Girl
  3. autocomplete afficher toutes les options sur le focus
Intereting Posts
Datatables.net avec ReactJS, restituer un composant ReactJS dans une colonne Comment obtenir la valeur optimale de décalage correcte de webkit (Chrome / Safari) avec jQuery? Un bug de Webkit? Créer une balise DIV qui ne se recharge pas sur plusieurs pages Web Comment obtenir du texte et de la valeur dans l’élément SELECT avec #ID 100% AngularJS Comment cloner en tapant à chaque entrée de la première case avec jQuery cochée? Superposer une vidéo youtube intégrée avec une image, masquer l’image lorsque vous cliquez dessus et lire automatiquement Comment alerter quand le contenu div change en utilisant jquery Tri d’un tableau en fonction de la valeur d’horodatage à partir de la réponse JSON Prévisualiser une image dans Div avant son téléchargement à l’aide d’IE9 Comment faire basculer masqué par défaut incrémenter variable en utilisant jquery obtenir twitter api en utilisant json de base Comment mettre en cache les données reçues d’un appel Ajax? Développer le menu, afficher le sous-menu Masquer l’élément s’il contient du texte spécifique

autocomplete afficher toutes les options sur le focus

J’utilise ce plugin .

Comment puis-je afficher toutes les options disponibles dans la liste déroulante pour un champ de saisie lorsqu’il reçoit le focus? Pour le moment, je dois taper quelque chose pour que le plugin filtre les options.

Ce que j’ai en ce moment 

var $sessionTimes = "00:00 00:15 00:30 00:45 1:00 1:15".split(" "); $(".autocompleteTime").autocomplete($sessionTimes);

Vous devez définir minChars à 0, comme ceci: 

 $('.autocompleteTime').autocomplete($sessionTimes, {minChars: 0});

Notez également que vous n’avez pas besoin de commencer le nom de la variable avec un $, vous pouvez simplement écrire sessionTimes partout où vous l’utilisez et tout ira bien. Venant probablement d’un fond de PHP? 🙂

C’est la bonne réponse: 

  $('.autocompleteTime').autocomplete($sessionTimes, {minChars: 0}) .focus(function () { $(this).autocomplete('search', $(this).val()) });

Découvrez l’exemple de liste déroulante Autocomplete de jQuery Ui:

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

La réponse choisie est un peu vieille et ne fonctionnait pas vraiment pour moi, donc ce qui a fonctionné pour moi était la suivante: 

 $('#selector') //use minLength when initializing so that empty searches work .autocomplete({..., minLength: 0}) //sortinggger the search on focus .focus(function(){ $(this).autocomplete('search', $(this).val()); })

Crédits au commentaire par @notJim ci-dessus et à cette question: Afficher la liste de saisie semi -automatique de jquery ui sur l’événement de focus , et pour moi

Ce module a maintenant été intégré à l’interface utilisateur de jQuery. Cet article explique comment traiter ce problème maintenant:

Jquery UI autocomplete; minLength: 0 numéro