autocompletar mostrar todas las opciones en el foco

Question

Iam usando este plugin.

¿Cómo se muestran todas las opciones disponibles en el menú desplegable de un campo de entrada cuando recibe el foco? En este momento, tengo que escribir algo para el plugin para filtrar las opciones.

Lo que tengo en este 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

Usted tiene que fijar minChars a ser 0, de esta manera:

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

También tenga en cuenta que usted no tiene que comenzar con un nombre de variable $ , podrías escribir sessionTimes donde sea que la uses y estaría bien. Probablemente provenga de un fondo de PHP? :)

Answer 2

Salida cuadro combinado de autocompletar ejemplo de jQuery UI:

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

Answer 3

Ese módulo ahora se ha incorporado en la interfaz de usuario jQuery. Este post trata sobre cómo hacer frente a este problema ahora:

Jquery UI autocomplete; minLength:0 issue

Answer 4

Ésta es la respuesta correcta:

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

Answer 5

La respuesta seleccionada es un poco viejo y no funcionaba para mí, por lo lo que funcionó para mí fue la siguiente:

$('#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éditos al comentario de arriba y @notJim esta pregunta: Display jquery ui auto-complete list on focus event, y me