jquery - JQuery 自动完成演示

Question

我正在使用 jquery 自动完成功能。

我使用的预期数据格式是

[ { label: "Choice1", value: "value1" }, ... ]

它使用“标签”显示在菜单中，使用“值”显示在文本框中。

我希望菜单和文本框都显示“值”而不是标签。

这是我的代码

$(function() {
$( "#tags" ).autocomplete({
        source: [ { label: "Choice1", value: "value1" }, ... ]
    });
});

谢谢，

约翰。

Answer 1

所以你只需要value在数组中使用。

$(function() {
    $( "#tags" ).autocomplete({
        source: ["value1", "value2" ... ]
    });
});

或者转换源。

var data = [ { label: "Choice1", value: "value1" }, ... ];
$(function() {
    $( "#tags" ).autocomplete({
        source: data.map(function() {return this.value;})
    });
});

Answer 2

我解决我的问题，

我为预期的数据格式添加了 id 并将标签值放入其中

代替

 [ { label: "Choice1", value: "value1" }, ... ]

我正在使用

 [ { label: "value1", value: "value1",id:"Choice1" }, ... ]

这样我可以保存标签值并完成我想要的，即只查看“值”

多谢你们！