jQuery заполнять динамически созданный флажок выбора из другого выбрать

Question

У меня есть форма, где вы можете динамически добавлять новые строки через jQuery. Он создает элементы в порядке. Однако у меня есть поле выбора в новой строке. Когда он создан, он пуст. Мне нужно заполнить его из первого блока выбора этого типа (класса).

Вот HTML ...

<select class="cyclePoSelect" name="poNumber[]" style="WIDTH: 100px"> 
    <option value="0" selected="">Select One</option> 
    <option value="VE-13475">VE-13475</option> 
    <option value="VZ-61300">VZ-61300</option> 
</select> 

<select class="cyclePoSelect" name="poNumber[]" style="WIDTH: 100px"> 
    <option value="0" selected="">Select One</option> 
    <option value="VE-13475">VE-13475</option> 
    <option value="VZ-61300">VZ-61300</option> 
</select> 

<!-- This is the dynamically created element --> 
<select class="cyclePoSelect" name="poNumber[]" style="WIDTH: 100px"> 
    <option value="0" selected="">Select One</option>  
</select> 

Мне нужно добавить 2 варианта от первого выбора до последнего выбора. Добавление их не должно быть проблемой. Но я не могу получить список параметров только из первого окна выбора. До сих пор я пробовал ...

$(".cyclePoSelect > option:first").each(function() { 
    alert(this.text + ' ' + this.value); 
}); 

Это просто дает мне вариант «Выбрать один».

$(".cyclePoSelect > option").each(function() { 
    alert(this.text + ' ' + this.value); 
}); 

Это дает мне все возможности, но из BOTH существующих блоков выбора.

jsFiddle - http://jsfiddle.net/scott80109/tkok9vwy/

Answer 1

$(".cyclePoSelect:last").html($(".cyclePoSelect:first").html()) 

Answer 2

$(".cyclePoSelect:last").html($(".cyclePoSelect:eq(0)").html()); 

Ссылка:

• :last
• :eq