自动完成 jQuery 使用数据 JSON

想象一下文件 json 使用以下数据：

[

 {

 color: "red",

 value: "#f00"

 },

 {

 color: "green",

 value: "#0f0"

 },

 {

 color: "blue",

 value: "#00f"

 },

 {

 color: "cyan",

 value: "#0ff"

 }

]

使用自动覆盖方法 jQuery, 我希望他展示

颜色

作为选择和插入的选项

价值

在入口。

<input id="selector" name="selector" type="text"/>

<input id="color" name="color" type="text"/>

<input id="value" name="value" type="text"/>

上述内容不需要提交。 选择器搜索鲜花

input.color

有意义

颜色

和

input.value

和

意义

价值观。

EDIT:

我有这个数据 JSON:

[{

 "label": "Sec\u00e7\u00e3o 1",

 "value": "1"

}, {

 "label": "Sec\u00e7\u00e3o 2",

 "value": "2"

}, {

 "label": "Sec\u00e7\u00e3o 3",

 "value": "3"

}, {

 "label": "Sec\u00e7\u00e3o 4",

 "value": "4"

}]

那就是 HTML:

<input id="name" type="text"/>

<input id="value" type="text"/>

那就是 jQuery:

$/document/.ready/function//{

 $/"#name"/.autocomplete/{

 source: "json.php",

 select: function /event, ui/ {

 $/"#name"/.val/ui.label/;

 $/"#value"/.val/ui.value/;

 }

 }/;

}/;

我跟着安德鲁的答案，他建议我选择数据，但如果我警告变量

ui.label

和

ui.value

, 他说 'undefined'. 我错过了什么？

Edit2:

假设我有这个 HTML:

<input class="name" type="text"/>

<input class="value" type="text"/>

<input class="name" type="text"/>

<input class="value" type="text"/>

是否可以处理具有相同方法的多个选择器

.autocomplete//

? 例如，选择我想要的标签

input.name

, 并仅更新

input.value

她旁边？

[input.name] [input.value]

^ I select       ^ 更新

a label           value 在他旁边

[input.name] [input.value]

^ 它仍然完好无损 ^