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
    函数中使用条件语句。