自动选择第一个 jquery UI 结果

Question

我正在使用 jQuery Autocomplete 搜索本地城市数据库。代码如下：

$('#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 所做的，但它不起作用。没有显示错误，只是没有选择第一个结果。

想法？

Answer 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(); }
});

Answer 2

这似乎已经过时了。我有同样的问题。 只需使用.autocomplete({autoFocus: true}) 我正在使用 jquery-ui-1.10.0.min，它现在可以工作了。 不需要插头。