saisie semi-automatique afficher toutes les options sur le focus

Question

Iam en utilisant ce plugin. Comment afficher toutes les options disponibles dans la liste déroulante pour un champ de saisie lorsqu'il reçoit le focus? En ce moment, je dois taper quelque chose pour le plugin pour filtrer 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); 

<input type="text" class="autocompleteTime" size="5" /> 

Answer 1

Vous devez définir minChars pour être 0, comme ceci:

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

Notez également que vous ne devez pas commencer avec un nom de la variable $ , vous pourriez juste écrire sessionTimes partout où vous l'utilisez et ce serait bien. Probablement venant d'un arrière-plan PHP? :)

Answer 2

Check out Autocomplete combobox exemple de jQuery Ui:

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

Answer 3

Ce module a été intégré dans l'interface utilisateur jQuery. Ce poste couvre comment faire face à ce problème maintenant:

Jquery UI autocomplete; minLength:0 issue

Answer 4

Ceci est la réponse correcte:

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

Answer 5

La réponse choisie est un peu vieux et ne fonctionne pas vraiment pour moi, ce qui m'a été travaillé pour cela:

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

Crédits au commentaire par @notJim ci-dessus et cette question: Display jquery ui auto-complete list on focus event, et me