Question

我正在尝试使用相同for循环中的数字填充Javascript中的两个下拉菜单，但只填充了一个（最后一个）

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);               
}

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

1 个答案: