Javascript 区分结果列表和JQuery自动完成
我有这个自动完成jquery函数,它在文本框下显示一个列表设备作为建议。我想确定并区分列表中的所有建议Javascript 区分结果列表和JQuery自动完成,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我有这个自动完成jquery函数,它在文本框下显示一个列表设备作为建议。我想确定并区分列表中的所有建议 $(document).ready(function() { $("#txtLocate").autocomplete({ source: function(request, response) { $.ajax({ url: "/Project/Home/Search", type: "POST", dataType:
$(document).ready(function() {
$("#txtLocate").autocomplete({
source: function(request, response) {
$.ajax({
url: "/Project/Home/Search",
type: "POST",
dataType: "json",
data: {
Prefix: request.term
},
success: function(data) {
response($.map(data, function(item) {
return {
label: item.Device,
value: item.Type
};
}))
}
})
},
messages: {
noResults: "",
results: function(count) {
return count + (count == 0 ? ' result' : ' results');
}
}
});
})
Type包含两个值:Android和IOS。所以我需要在自动完成列表中确定哪一个是Android,哪一个是IOS。我可以使用不同的颜色或图像来区分每个结果的左侧。我怎样才能做到这一点?谢谢您可以使用扩展方法\u renderItem ul,项来控制自动完成小部件中菜单项的呈现 请参阅API文档 请参考示例 $function{ var设备=[ 例1, 例2, 例3 ]; $result.autocomplete{ 最小长度:1, 资料来源:设备 } .autocompleteinstance.\u renderItem=functional,项{ 返回$ .appendImage for+item.label+ .append+item.label+ .appendToul; }; };
您正在使用哪个自动完成库?或者您正在使用自己的?jquery-ui-1.12.1.js来自JqueryUI完整插件这可能会有帮助Hi Vinet,我可以在我的示例中使用_renderItem吗?我试过了,但没能成功。谢谢!这对我有用。我使用了.dataui自动完成。\u renderItem。。。