如何在jquery中自动选择第一个源值，甚至不从源中选择值

Question

我需要即使用户没有从自动建议中选择值，它也会自动选择第一条记录。请看我的图片，如果用户输入 Rice 然后它会首先自动选择，他们按 Tab 很好，如果他们直接单击下一个表单元素上的光标，则没有选择米市。我无法获取城市 ID..

$(function() {
    $("#city_name_auto").autocomplete({
    selectFirst: true,
    delay: 0,
    autoFocus: true,
    source: function(req, response) { 
        $.ajax({
        url: "auto_sug_all_cityname.php",
        dataType: "json",
            success: function( data ) {
            var re = $.ui.autocomplete.escapeRegex(req.term);
            var matcher = new RegExp( "^" + re, "i" );
            response($.grep(data, function (item){return        matcher.test(item.value);}) );              
            }
        });
    },
    });
});

Answer 1

您可以使用 .autocomplete({autoFocus: true}) 选择第一条记录

Answer 2

我不知道你的 html 标记，但你可以在插入 livesearch 结果后简单地插入一行 jquery

//..doing livesearch
$('.option-result-class').first().attr('selected','selected'); 

或者如果你使用一个类来向用户展示他选择的目标

   $('.li-result-class').first().addClass('selectedVisualClass');