У меня есть форма, в которой вы можете динамически добавлять новые строки через 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);
});
Это дает мне все варианты, но из ОБА существующих полей выбора.
jsFiddle — http://jsfiddle.net/scott80109/tkok9vwy/