javascript - 在一个循环 Javascript 中填充两个下拉菜单

Question

我试图在 Javascript 中用同一个 for 循环中的数字填充两个下拉菜单，但只有一个被填充(最后一个)

for (var i=1; i<10; i++)
{
   var option = document.createElement("option");
   option.text = i; 
   option.value = i;        
   document.getElementById('first').options.add(option);
   document.getElementById('second').options.add(option);               
}

元素“second”将被填充，而另一个元素则不会，如果我将“second”放在“first”之上，则“first”将被填充。

如何在不使用两个 for 循环的情况下执行此操作？我已经尝试通过函数将 ID 传递给循环，但我仍然得到相同的输出。

谢谢。

Answer 1

脚本中的小修改

for (var i=1; i<10; i++)
{
   var option = document.createElement("option");
   option.text = i;
   option.value = i;   
   var newOption = option.cloneNode(true);   

   document.getElementById('first').options.add(option);
   document.getElementById('second').options.add(newOption);               
}