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，现在可以使用了。不需要插头。

自动选择第一个jquery UI结果

2 个答案: