使用数组作为源的JQuery自动完成应该在select上显示标签而不是值

时间:2014-09-17 06:11:34

标签: jquery jquery-ui jquery-autocomplete

我使用Jquery自动完成和数组作为源,我想显示标签而不是值,因为我将值存储在不在表单中显示的不同变量中。但这就是他们在文档中所说的内容:

  

标签属性显示在建议菜单中。当用户选择项目时,该值将被插入到input元素中。

示例图片

搜索:
While searching
选择:
After selecting

代码:
阵列:

var searchcustomer_arr = [{label:"ASD CUSTOMER",value:1},
                          {label:"Customer 2",value:2}]

使用Javascript:

$("#customer" ).autocomplete({
  source: searchcustomer_arr,
  minlength: 2
});

1 个答案:

答案 0 :(得分:2)

尝试这是有效的: -

$("#customer").autocomplete({
  source:[
          {label:"ASD CUSTOMER",value:1},
          {label:"Customer 2",value:2}
         ],
  minLength: 2,
  select: function(event, ui) {
      event.preventDefault();
      $("#customer").val(ui.item.label);
  }
});

Working Demo