Javascript JQuery UI自动完成,如何选择&;默认情况下高亮显示第一个自动完成结果

Javascript JQuery UI自动完成,如何选择&;默认情况下高亮显示第一个自动完成结果,javascript,jquery,jquery-ui,jquery-ui-autocomplete,Javascript,Jquery,Jquery Ui,Jquery Ui Autocomplete,您好,我们正在使用jquery ui autocomplete方法在我的主页搜索中显示关键字。我们希望为此设置一些默认功能,如第一个自动完成关键字(结果)应自动突出显示并选择。当有人刚开始一个单词而没有选择任何填充的结果并按enter键时,它将帮助我们默认选择第一个自动完成关键字 我们使用此代码进行自动完成 <script type="text/javascript"> jQuery.ui.autocomplete.prototype._renderItem = function(

您好,我们正在使用jquery ui autocomplete方法在我的主页搜索中显示关键字。我们希望为此设置一些默认功能,如第一个自动完成关键字(结果)应自动突出显示并选择。当有人刚开始一个单词而没有选择任何填充的结果并按enter键时,它将帮助我们默认选择第一个自动完成关键字

我们使用此代码进行自动完成

<script type="text/javascript">
jQuery.ui.autocomplete.prototype._renderItem = function( ul, item) {

    var re = new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + this.term + ")(?![^<>]*>)(?![^&;]+;)", "gi");
    var t = item.label.replace(re,"<span style='font-weight:bold;color:#434343;'>" + 
            "$&" + 
            "</span>");
    return jQuery( "<li></li>" )
        .data( "item.autocomplete", item )
        .append( "<a>" + t + "</a>" )
        .appendTo( ul );
};
    var allKeywords = <?php echo json_encode($allKeywords); ?>;

    return allKeywords;
}

var URL = '<?php e(SITE_URL); ?>fronts/search';

jQuery(document).ready(function(){

monkeyPatchAutocomplete();

var username = jQuery('#username');

username.autocomplete({
minLength    : 1,
source        : URL


});

var CityKeyword = jQuery('#CityKeyword');

CityKeyword.autocomplete({
minLength    : 1,
source        : getKeywords()
});

});

// A custom jQuery method for placeholder text:

jQuery.fn.defaultText = function(value){

var element = this.eq(0);
element.data('defaultText',value);

element.focus(function(){
if(element.val() == value){
element.val('').removeClass('defaultText');
}
}).blur(function(){
if(element.val() == '' || element.val() == value){
    element.addClass('defaultText').val(value);
}
});

return element.blur();
}
var username = jQuery('#username');

username.autocomplete({
minLength    : 1,
   autoFocus: true,
source        : URL,
   selectFirst: true

});