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

这只是给了我＆＃34;选择一个＆＃34;选项。

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

这给了我所有的选择，但是来自现有的选择框。

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

Answer 1

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

Answer 2

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

<强>参考：

jQuery从另一个select中填充动态创建的选择框

2 个答案: