1つのループ内でのJavascript

Question

を2つのドロップダウンメニューを移植

私はforループと同じ内の数字とJavaScriptで2つのドロップダウンメニューを投入しようとしているんだけど、一つだけが今までに移入され（最後の）

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'は 'first'の上に 'second'を置くと、 'first'が入力されます。

forループを2つ使用せずにこれを行うにはどうすればよいですか？関数を介して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);    
}