我有一个这种形式的json:
{"COLUMNS":["ID", "Name"],"DATA":
[
["1","Joe"],
["2", "Sam"],
["3", "Doug"],
]
}
我正在寻找一个如何在 javascript 中从该数据创建下拉列表的示例,但 json/dropdown 列表的所有示例都采用不同的格式。我根本没有使用过多的 javascript 或 json 数据,所以我不确定从哪里开始。任何人都可以指出一个伟大的教程或示例的方向吗?谢谢。
我有一个这种形式的json:
{"COLUMNS":["ID", "Name"],"DATA":
[
["1","Joe"],
["2", "Sam"],
["3", "Doug"],
]
}
我正在寻找一个如何在 javascript 中从该数据创建下拉列表的示例,但 json/dropdown 列表的所有示例都采用不同的格式。我根本没有使用过多的 javascript 或 json 数据,所以我不确定从哪里开始。任何人都可以指出一个伟大的教程或示例的方向吗?谢谢。
JavaScript:
window.onload = function () {
var JSON = {
"COLUMNS":["ID", "Name"],
"DATA": [
["1","Joe"],
["2", "Sam"],
["3", "Doug"]
]
}, select = document.getElementById("selector");
for (var i = 0, at = JSON.DATA[i], id = at[0], name = at[1]; i < JSON.DATA.length; i++) {
var option = document.createElement("option");
option.value = id;
option.textContent = name;
select.appendChild(option);
};
};
请确保如果您的 JSON 是字符串形式,您首先使用解析它JSON.parse();
的HTML:
<select id="selector"></select>
JSFiddle 示例:http: //jsfiddle.net/su7sr/1
我认为正确的 JS 将是:
window.onload = function () {
var JSON = {
"COLUMNS":["ID", "Name"],
"DATA": [
["1","Joe"],
["2", "Sam"],
["3", "Doug"]
]
}, select = document.getElementById("selector");
for (var i = 0; i < JSON.DATA.length; i++) {
var at = JSON.DATA[i], id = at[0], name = at[1];
var option = document.createElement("option");
option.value = id;
option.textContent = name;
select.appendChild(option);
};
};