javascript - 在 JavaScript 中将 JSON 从文件读取到下拉列表？

Question

我在读取要包含在下拉列表中的 JSON 文件时遇到问题。

JSON:

{
"BD": "Bangladesh",
"BE": "Belgium",
"BF": "Burkina Faso",
"BG": "Bulgaria",
"BA": "Bosnia and Herzegovina"
}

我想将值放入下拉列表中，如下所示: 示例:

<select name="optCountry" id="opt_country">
   <option value="BD">Bangladesh</option>
   <option value="BE">Belgium</option>
   <option value="BF">Burkina Faso</option>
   <option value="BG">Bulgaria</option>
   <option value="BH">Bosnia and Herzegovina</option>
</select>

Answer 1

尝试使用JSON.parse()使用 with 将 json 字符串转换为 Object 和 Object.keys()使用 with 将键值分离到数组。然后使用 Array#forEach 迭代键值。 document.createElement用于从 Dom 创建 select 元素

var a = '{"BD": "Bangladesh","BE": "Belgium","BF": "Burkina Faso","BG":"Bulgaria","BA": "Bosnia and Herzegovina"}'
var obj = JSON.parse(a);
var select = document.createElement('SELECT')
select.name="optCountry" 
select.id="opt_country"
document.body.appendChild(select)

Object.keys(obj).forEach(function(a){
document.getElementById('opt_country').innerHTML +='<option value="'+a+'">'+obj[a]+'</option>'
})