填充兩個下拉菜單，在一個循環的Javascript

Question

我想填充在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);    
} 

元素'第二'將填充，其他不會，如果我把'第二'放在'第一'之上，那麼'第一'將被填充。

如何在不使用兩個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);    
}