javascript - 如何在选择框中显示 json 数据?

标签 javascript html json

{"BD": "Bangladesh", "BE": "Belgium", "BF": "Burkina Faso", "BG": "Bulgaria"}

如何使用 JavaScript 将这些数据显示为 html 选择框中的选项?

最佳答案

如果你使用Javascript,那就非常简单了。这样做,

var countries = {"BD": "Bangladesh", "BE": "Belgium", "BF": "Burkina Faso", "BG": "Bulgaria"};
var selectHTML='';

for (var key in countries)
 {
     selectHTML +='<option value="'+key+'">'+countries[key]+'</option>';
 }
 
 document.getElementById('countries').innerHTML = selectHTML;
<div id="select_box_wrapper">
  <select id="countries"></select>
</div>

关于javascript - 如何在选择框中显示 json 数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45771301/

相关文章:

json - 使用Shapeless HList轻松构建Json Decoder

javascript - 如何使用 JavaScript 分隔数组以用于样式目的

java - 如何在java中使用selenium webdriver查找特定的表元素?

sql - 如何仅从 postgres json 中选择特定键

javascript - Highcharts : Only show one series at a time

javascript - 如何进行响应式设计,使 H2 在 1 行 DIV 中获得最大字体大小?

javascript - 删除带有附加 anchor 标记的 `<li>` 留下样式属性

html - 没有设置宽度的元素内的 CSS 空白

javascript - 如何将 javascript var 传递到 ajax RemoteFunction 中?

javascript - 我可以在 eBay 中使用 google web fonts api 或任何类型的自定义字体吗?