[英]create drop down list from json
我有一個這種形式的json:
{"COLUMNS":["ID", "Name"],"DATA":
[
["1","Joe"],
["2", "Sam"],
["3", "Doug"],
]
}
我正在尋找一個如何在javascript中從這些數據創建下拉列表的示例,但json /下拉列表的所有示例json都采用不同的格式。 我沒有使用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();
解析它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);
};
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.