completamento automatico mostra tutte le opzioni a fuoco

Question

Iam utilizza questo plugin.

Come visualizzare tutte le opzioni disponibili nel menu a discesa per un campo di input quando riceve lo stato attivo? In questo momento, devo digitare qualcosa per il plugin per filtrare le opzioni.

Quello che ho in questo momento

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

È necessario impostare minChars a 0, in questo modo:

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

inoltre notare che non c'è bisogno di iniziare a nome di variabile con un $ , potresti semplicemente scrivere sessionTimes ovunque tu lo usi e andrebbe bene. Probabilmente provengono da uno sfondo PHP? :)

Answer 2

Partenza esempio combobox Autocomplete di jQuery UI:

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

Answer 3

Questo modulo è ora stato incorporato nel jQuery UI. Questo post spiega come affrontare questo problema ora:

Jquery UI autocomplete; minLength:0 issue

Answer 4

Questa è la risposta corretta:

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

Answer 5

La risposta selezionata è un po 'vecchio e non funzionava per me, così che cosa ha funzionato per me è stato questo:

$('#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()); 
    }) 

crediti al commento di @notJim sopra e questa domanda: Display jquery ui auto-complete list on focus event, e mi