使用数组作为源的 JQuery 自动完成应在选择时显示标签而不是值

标签 jquery jquery-ui jquery-autocomplete

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

The label property is displayed in the suggestion menu. The value will be inserted into the input element when a user selects an item.

示例图片

正在搜索:
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
});

最佳答案

试试这个是否有效:-

$("#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

关于使用数组作为源的 JQuery 自动完成应在选择时显示标签而不是值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25883455/

相关文章:

javascript - 即使使用preserveAspectRatio后,D3直方图也没有响应

javascript - JQuery UI 自动完成未到达 ActionResult C# MVC

jquery - 如何阻止 iOS 文本字段自动完成干扰 jQuery 自动完成?

javascript - jquery/jqueryui,单击div中除按钮之外的任意位置

javascript - 如何使 jQuery ui datepicker 按钮图像只读

javascript - 在 jQuery 中使用 CSS 选择器数组

jquery - 为什么 jQuery 自动完成功能不弹出?

javascript - 使用jquery突出显示具有最小值的html列

javascript - 如何使用 JQuery 自动滚动选项卡

jquery - 从偏移到实际位置的动画点或点