Javascript 带有文本值和id的自动完成文本框

我想要一个带有文本和id的自动完成文本框

<script type="text/javascript">
var $auto=$.noConflict();
$auto(document).ready(function(){    
    var data3 = ['niju','vivek','anil','Anil'];
    $auto("#employee").autocomplete(data3);

  });
</script>

<input   type="text" name="employee" id="employee" value="" class="inp-form"> 

var$auto=$.noConflict（）；
$auto（document）.ready（函数（）{
var data3=['niju'，'vivek'，'anil'，'anil']；
$auto（“#employee”）.autocomplete（数据3）；
});

在这段代码中，我们遇到了一个缺点。可能会有重复的条目，因为相同的值可能会重复

如何获取id值而不是文本标签

非常感谢您的任何建议

---

演示

您可以尝试使用如下源定义：

[{label:“Choice1”，value:“value1”}，…]

请参阅此处的文档：

在您的情况下，它将类似于：

var data3=[{label:'niju'，value:1}，{label:'vivek'，value:2}，…]；
$auto（“#employee”）.autocomplete（{source:data3}）
试试这个：我尝试了下面的一个，但它不起作用var data3=[{label:'niju'，value:1}，{label:'vivek'，value:2}]；当我对我的部件进行测试时，autocomplete会正确选择要在输入中使用的正确值：当点击
an
时，autocomplete会向我显示两个解决方案（
anil
和
anil
），选择其中一个后，正确的值（在我的示例中为3或4）填充文本字段。