自动完成 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]

^ 它仍然完好无损 ^
已邀请:

要回复问题请先登录注册