使用JavaScript更新两个带有新选项的输入下拉列表时遇到问题
当用户选择不同的转换类型时,我想更新两个下拉输入(ids input1和input2),以反映与转换类型关联的类型。我得到的方面是一半的工作,因为只有一个输入得到更新值。由于某些原因,我无法同时更新这两个使用JavaScript更新两个带有新选项的输入下拉列表时遇到问题,javascript,Javascript,当用户选择不同的转换类型时,我想更新两个下拉输入(ids input1和input2),以反映与转换类型关联的类型。我得到的方面是一半的工作,因为只有一个输入得到更新值。由于某些原因,我无法同时更新这两个 //Update type options for (var x in conversionTypes[convType]) { var option = document.createElement("option"); option.text =
//Update type options
for (var x in conversionTypes[convType]) {
var option = document.createElement("option");
option.text = conversionTypes[convType][x];
type1.add(option);
type2.add(option);
}
尽管我正在为type1和type2添加选项,但实际上只有一个选项被修改!我可能做错了什么如果你能帮助我,我将不胜感激
document.createElement()
将返回单个元素。您的代码将其添加到第一个选择,然后将其“移动”到第二个选择。您需要在循环中创建两个“选项”。每个选择一个。明白了吗?在这几行:let option=document.createElement(“option”);option.text=转换类型[convType][x];类型1.添加(选项);option=document.createElement(“option”);option.text=转换类型[convType][x];类型2.添加(选项)代码>有趣的是,必须启动两次选项似乎是多余的,但它可以工作!非常感谢。