Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript从json创建选择输入_Javascript_Html - Fatal编程技术网

使用javascript从json创建选择输入

使用javascript从json创建选择输入,javascript,html,Javascript,Html,我不知道如何写这个任务。 我想动态创建不同的select输入,这些输入都有相同的选项 比如说。我的json文件是: data.json [{"name":"New York","value":"ny"}, {"name":"Los Angeles","value":"la"}, {"name":"Milan","value":"milan"}, {"name":"Rome","value":"rome"}] 常见选项是: <option value="yes"> yes </

我不知道如何写这个任务。 我想动态创建不同的select输入,这些输入都有相同的选项

比如说。我的json文件是:

data.json

[{"name":"New York","value":"ny"},
{"name":"Los Angeles","value":"la"},
{"name":"Milan","value":"milan"},
{"name":"Rome","value":"rome"}]
常见选项是:

<option value="yes"> yes </option>
<option value="no> no</option>

只需在数组中循环,并使用每个数组对象的名称和值属性来构造选择列表的选项。将其传递到选择列表

编辑-如注释中所示-OP希望各个数组项单独显示并具有是/否值。对答案进行了修改,以允许这样做

var-arr=[
{“名称”:“纽约”,“价值”:“纽约”},
{“名称”:“洛杉矶”,“价值”:“洛杉矶”},
{“名称”:“米兰”,“价值”:“米兰”},
{“名称”:“罗马”,“价值”:“罗马”}
];
buildSelect();
函数buildSelect(){
arr.forEach(功能(项目){
var label=document.createElement(“标签”);
label.innerText=item.name;
var select=document.createElement(“select”);
var opties=document.createElement(“选项”);
optYes.textContent='Yes';
var optNo=document.createElement(“选项”);
optNo.textContent='No';
选择.appendChild(选项);
select.appendChild(optNo)
document.querySelector('body')
.appendChild(标签)
.appendChild(选择);
})
}
标签{
显示:块
}
挑选{
显示:块;
边缘底部:15px;

}
谢谢您的帮助:)但我想为每个名字选择一个。纽约的选项是或不是,洛杉矶的选项是或不是抱歉-错过了-将修改我的回答否问题-很乐意帮助-也刚刚修改了答案,包括选项的值。