Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 区分结果列表和JQuery自动完成_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 区分结果列表和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:

我有这个自动完成jquery函数,它在文本框下显示一个列表设备作为建议。我想确定并区分列表中的所有建议

$(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。。。