Выберите первый результат jquery UI автоматически - PullRequest
17 голосов
/ 11 февраля 2012

Я использую автозаполнение 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, но это не работаетНе отображаются ошибки, просто не выбирается первый результат.

Мысли?

Ответы [ 2 ]

33 голосов
/ 11 февраля 2012

Автофокус выделит первую запись ..

Ваш код должен будет просто включить 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(); }
});
10 голосов
/ 24 апреля 2013

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

...