javascript - 自动选择第一个 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 上一样)。因此本质上，如果他们只是按 Enter 键，他们将触发对第一个结果的选择。

我认为这就是 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(); }
});