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