javascript - change - Seleccionar el primer resultado de la IU de jquery automáticamente

jquery ui

Question

Estoy usando jQuery Autocomplete 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 se seleccione de forma predeterminada (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

Esto parece estar desactualizado. Yo tuve el mismo problema. Simplemente use .autocomplete({autoFocus: true}) Estoy usando jquery-ui-1.10.0.min y funciona ahora. No se necesita un enchufe.

Answer 2

El enfoque automático resaltará el primer registro.

Su código solo debería 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(); }
});