Javascript 从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);
    };
};

---

JSIDLE示例：

正确的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);
    };
};

window.onload=函数（）{
var JSON={
“列”：[“ID”，“名称”]，
“数据”：[
[“1”，“乔”]，
[“2”，“Sam”]，
[“3”，“道格”]
]
}，select=document.getElementById（“选择器”）；
for（var i=0；i

你能解释一下你是如何得到这个json响应的吗？从没听说过。刚才回答OP的问题。您的json字符串不是有效的json，您是从自己生成的吗？{“表”：[{“stateid”：“2”，“statename”：“Tamilnadu”}，{“stateid”：“3”，“statename”：“卡纳塔克邦”}]}@如果只是利用OP给我的东西来工作。我的代码中的JSON现在是有效的。我检查了它。@aar如果这里给出的代码不需要是点完美的。它给出了如何使用JSON创建下拉列表的想法。OP可以接受这个想法，并确保他/她的JSON是完美的。你为什么在这些东西上浪费时间？

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);
    };
};