Выбирайте первый результат пользовательского интерфейса jquery автоматически

Я использую автозаполнение jQuery для поиска локальной базы данных городов. Вот код:

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

Я хотел бы, чтобы первое возвращаемое значение было выбрано по умолчанию (например, оно работает на facebook). По сути, если они просто попали внутрь, они будут вызывать выбор первого результата.

Я подумал, что то, что сделал autoFocus: true, но он не работает. Не показывать ошибки, просто не выбирая первый результат.

Мысли?

Ответ 1

Autofocus выделит первую запись.

В этом случае вам просто нужно будет добавить autoFocus: true, как показано ниже:

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

Ответ 2

Это кажется устаревшим. У меня такая же проблема. Просто используйте .autocomplete({autoFocus: true}) Я использую jquery-ui-1.10.0.min, и теперь он работает. Не требуется вилка.