Javascript 仅在自动完成中呈现某些项
我已经创建了一个自动完成并应用了一个渲染,这样我就可以在两条不同的线上获得不同的信息,我遇到的问题是,我不想将此样式应用于显示不匹配的“响应”。这能做到吗Javascript 仅在自动完成中呈现某些项,javascript,jquery,jquery-ui,autocomplete,jquery-ui-autocomplete,Javascript,Jquery,Jquery Ui,Autocomplete,Jquery Ui Autocomplete,我已经创建了一个自动完成并应用了一个渲染,这样我就可以在两条不同的线上获得不同的信息,我遇到的问题是,我不想将此样式应用于显示不匹配的“响应”。这能做到吗 $('#sl').autocomplete({ source: '/autocomplete', select: function(event, ui) { event.preventDefault(); $("#country").val(ui.item
$('#sl').autocomplete({
source: '/autocomplete',
select: function(event, ui) {
event.preventDefault();
$("#country").val(ui.item.country); // save selected id to hidden input
$("#city").val(ui.item.value); // save selected id to hidden input
$('#sl').val(ui.item.label)
},
focus: function(event, ui){
event.preventDefault();
$('#sl').val(ui.item.label);
},
response: function(event, ui) {
if (!ui.content.length) {
var noResult = { value:"",label:'No results found' };
ui.content.push(noResult);
}
}
}).autocomplete( "instance" )._renderItem = function( ul, item ) {
return $( "<li>" )
.append( "<div>" + item.label + "<br>" + item.countryname + "</div>" )
.appendTo( ul );
}
$('#sl')。自动完成({
来源:“/autocomplete”,
选择:功能(事件、用户界面){
event.preventDefault();
$(“#country”).val(ui.item.country);//将所选id保存到隐藏输入
$(“#city”).val(ui.item.value);//将所选id保存到隐藏输入
$('#sl').val(ui.item.label)
},
焦点:功能(事件、用户界面){
event.preventDefault();
$('#sl').val(ui.item.label);
},
响应:功能(事件、用户界面){
如果(!ui.content.length){
var noResult={value:,标签:'No results found'};
ui.content.push(noResult);
}
}
}).autocomplete(“实例”)。\u renderItem=函数(ul,项){
返回$(“”)
.append(“+item.label+”
“+item.countryname+”)
.附录(ul);
}
展开我的注释,您可以在呈现项目时包含条件语句
$(函数(){
var国家=[{
国家:“英国”,
标签:“站点1”,
价值:“伦敦”
}, {
国家:“英国”,
标签:“站点2”,
价值:“曼彻斯特”
}];
$('#sl')。自动完成({
资料来源:国家,
选择:功能(事件、用户界面){
event.preventDefault();
$(“#country”).val(ui.item.country);//将所选id保存到隐藏输入
$(“#city”).val(ui.item.value);//将所选id保存到隐藏输入
$('#sl').val(ui.item.label)
},
焦点:功能(事件、用户界面){
event.preventDefault();
$('#sl').val(ui.item.label);
},
响应:功能(事件、用户界面){
如果(!ui.content.length){
var noResult={
值:“”,
标签:“未找到结果”
};
ui.content.push(noResult);
}
}
}).autocomplete(“实例”)。\u renderItem=函数(ul,项){
var li=$(“”);
如果(item.country==未定义){
li.追加(“+item.label+”);
}否则{
li.追加(“+item.label+”
“+item.country+”);
}
返回li.附录(ul);
}
});代码>
寻找团队
我想您需要在\u renderItem
函数中使用条件语句。