Наполнение два выпадающих меню в одном цикле 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);    
} 

Элемента «вторая» будет заполнена, а другая, если я не стану «второй» выше «сначала», тогда «первая» будет заполнена.

Как это сделать без использования двух для петель? Я попытался передать идентификатор с помощью функции в цикл, и я все равно получаю тот же результат.

Спасибо.

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