如何在javascript中将元素从一个下拉列表转移到另一个下拉列表？

Question

var select = document.getElementById("selectNumber");
var options = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
for (var i = 0; i < options.length; i++) {
  var opt = options[i];
  var a = document.createElement("option");
  a.textContent = opt;
  a.value = opt;
  select.appendChild(a);
}

function moveright() {
  var selected = document.getElementById(dropdown(options[selectedIndex].value)

  }

我不知道我想写什么代码转移一个下拉，另一个人可以帮助我吗？

Answer 1

我想我不明白你想要什么，但是要在Javascript中复制HTML元素，你可以使用cloneNode。例如：

var select = document.getElementById("selectNumber");
var selectedCloned = select.cloneNode(true);
document.querySelector('body').appendChild(selectedCloned);

修改

就这样做：

var select = document.getElementById("selectNumber");
var options = ["1", "2", "3", "4", "5","6","7","8","9"];
for(var i = 0; i < options.length; i++) 
{
    var opt = options[i];
    var a = document.createElement("option");
    a.textContent = opt;
    a.value = opt;
    select.appendChild(a);
}
var secondDropdown = select.cloneNode(true);

你的第二个下拉列表将在secondDropdown变量中。然后只需追加你想要的地方。