如何将JSON数组转换为HTML选择（带复选框）？

Question

我有一个json对象数组

[
    {
        "id": 1,
        "name": "Max"
    },
    {
        "id": 2,
        "name": "Bob"
    },
    {
        "id": 3,
        "name": "Mike"
    }
]

如何将其转换为html选择（带复选框）？

Answer 1

这是一个可以帮助您的简单示例：

<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>

希望这有帮助。

让我发布