我有一个简单的 HTML 页面,我想在其中从 JSON 文件读取对象并使用 JavaScript 将它们显示为下拉列表中的选项。 HTML 和 JSON 如下:
HTML
<html>
<body>
<select id="myid">MyList</select>
<script src="myscript.js"></script>
</body>
</html>
JSON
[{"Mode":"CARD"},
{"Mode":"CASH"},
{"Mode":"CHEQUE"}];
任何帮助。非常感谢 JavaScript!
最佳答案
工作和测试代码,要使用 JavaScript 读取外部本地 JSON 文件 (data.json),首先使用以下数据创建 data.json 文件:
data = '[{"Mode":"CARD"}, {"Mode":"CASH"}, {"Mode":"CHEQUE"}]';
在脚本标签中提及JSON文件的路径
<html>
<script type="text/javascript" src="data.json"></script>
<script>
function addOptions(){
var jsonArray = JSON.parse(data);
var select = document.getElementById('dd');
var option;
for (var i = 0; i < jsonArray.length; i++) {
option = document.createElement('option');
option.text = jsonArray[i]["Mode"];
select.add(option);
}
}
</script>
<body onload="addOptions();">
<select id="dd"></select>
</body>
</html>
关于javascript - 将 JSON 对象显示为下拉列表中的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31587233/