javascript - 如何为 JSON 文件中的每个项目创建新条目？

Question

我有一个 JSON 文件。它看起来像这样：

{
"AL": "Alabama",
"AK": "Alaska",
"AS": "American Samoa",
"AZ": "Arizona",
"AR": "Arkansas",
"CA": "California"
}

如何遍历此 JSON 文件中的每个条目并将其添加到此下拉列表中？

<select name="states" id="states">
<option value="Alabama">Volvo</option>
</select>

标签： javascripthtmljsondrop-down-menu

Answer 1

请尝试以下代码。

<button onclick="add()">Add</button>
<select id="a"></select>
<div id="demo"></div>
<script>
    function add(){


var json = JSON.parse('{"AL": "Alabama","AK": "Alaska","AS": "American Samoa","AZ": "Arizona","AR": "Arkansas","CA": "California"}');
console.log(json);


for( x in json)
 {
    document.querySelector('#a').innerHTML += "<option value='" + json[x] + "'>" + json[x] + "</option>"
}


}
</script>