从json创建下拉列表

用户名

我有这种形式的json:

{"COLUMNS":["ID", "Name"],"DATA":
[ 
  ["1","Joe"],
  ["2", "Sam"],
  ["3", "Doug"],
]
}

我一直在寻找一个示例,该示例如何使用javascript在此数据中创建下拉列表,但是json / dropdown列表的所有示例json的格式都不同。我根本没有使用太多的javascript或json数据,所以我不确定从哪里开始。谁能指出我的指导或范例的方向?谢谢。

肖恩31313

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章