Select first jquery UI result automatically

Question

I am using jQuery Autocomplete to search a local database of cities. Here is the code:

$(\'#txt_search_city\').autocomplete({
    source: url,
    delay: 0,
         


        

Answer 1

Autofocus will highlight the first record..

Your code would then just need to include autoFocus: true, like below:

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