如何将JSON数组转换为HTML select(带复选框）

How to convert JSON Array to HTML select (with checkboxes)?

本文关键字：select 复选框 HTML JSON 数组 转换      更新时间：2023-09-26

我有一个json对象数组

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

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

以下是一个可能对您有所帮助的简单示例：

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

希望这能有所帮助。

让我张贴

相关文章：