Seleccione el primer resultado de la IU de jquery automáticamente

Question

Estoy utilizando la función Autocompletar de jQuery para buscar en una base de datos local de ciudades. Aquí está el código:

$('#txt_search_city').autocomplete({ 
    source: url, 
    delay: 0, 
    autoFocus: true, 
    select: function(event, ui) { 
     $("#id_city").val(ui.item.id); 
     $(this).closest('form').submit(); 
    }, 
    focus: function(event, ui) { event.preventDefault(); } 
}); 

Me gustaría que el primer valor devuelto sea seleccionado por defecto (como funciona en Facebook). Entonces, esencialmente, si presionan enter, activarán la selección del primer resultado.

Pensé que eso es lo que autoFocus: true hizo, pero no está funcionando. No muestra errores, simplemente no selecciona el primer resultado.

¿Pensamientos?

Answer 1

Autofocus destacará el primer registro ..

Su código entonces sólo tiene que incluir autoFocus: true, como a continuación:

$('#txt_search_city').autocomplete({ 
    source: url, 
    delay: 0, 
    autoFocus: true, 
    select: function(event, ui) { 
     $("#id_city").val(ui.item.id); 
     $(this).closest('form').submit(); 
    }, 
    focus: function(event, ui) { event.preventDefault(); } 
}); 

Answer 2

Ésta parece ser obsoleta. Yo tuve el mismo problema. Solo use .autocomplete({autoFocus: true}) Estoy usando jquery-ui-1.10.0.min y funciona ahora. No se necesita un enchufe.