如何从JSON哈希创建HTML选择选项？

一尘不染

如何从JSON哈希创建HTML选择选项？

json

我有一个简单的JSON代码：

[{'1':'Name'}, {'2', 'Age'}, {'3','Gender'}]

我的HTML中有一个选择标记：

<select name="datas" id="datas"></select>

我需要一种简单的方法来从此JSON创建HTML选择框，如下所示：

<select name="datas" id="datas">
    <option value="1">Name</option>
    <option value="2">Age</option>
    <option value="3">Gender</option>
</select>

阅读 191

2020-07-27

共1个答案

一尘不染

只是这里的踢是纯JavaScript的答案，您可能也不需要数组，只需一个简单的对象即可

    <select name="datas" id="datas"></select>
    <script>

        html = "";
        obj = {
            "1" : "Name",
            "2": "Age",
            "3" : "Gender"
        }
        for(var key in obj) {
            html += "<option value=" + key  + ">" +obj[key] + "</option>"
        }
        document.getElementById("datas").innerHTML = html;

    </script>

2020-07-27