使用JavaScript更新两个带有新选项的输入下拉列表时遇到问题

使用JavaScript更新两个带有新选项的输入下拉列表时遇到问题,javascript,Javascript,当用户选择不同的转换类型时,我想更新两个下拉输入(ids input1和input2),以反映与转换类型关联的类型。我得到的方面是一半的工作,因为只有一个输入得到更新值。由于某些原因,我无法同时更新这两个 //Update type options for (var x in conversionTypes[convType]) { var option = document.createElement("option"); option.text =

当用户选择不同的转换类型时,我想更新两个下拉输入(ids input1和input2),以反映与转换类型关联的类型。我得到的方面是一半的工作,因为只有一个输入得到更新值。由于某些原因,我无法同时更新这两个

  //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.添加(选项)有趣的是,必须启动两次选项似乎是多余的,但它可以工作!非常感谢。