我在表格中有一个表单,可以选择复制某一行(从而允许用户根据需要添加更多字段)。克隆工作正常,事件数据和处理程序工作正常。但是,在提交表单时,克隆的表单字段数据不会发布。下面是我克隆字段的代码,它可以正常工作并解决任何重复ID问题。有关克隆字段未提交的原因的任何建议/帮助将非常感谢。
$('#btnAddNewField').click(function() {
var currLength = $('.cloneInput').length;
var newID = new Number(currLength + 1);
var clonedField = $('#field_id' + currLength).clone(true);
clonedField[0].setAttribute('id', 'field_id' + newID);
clonedField.find(':text').each(function() {
this.setAttribute('id', this.getAttribute('id') + newID);
this.setAttribute('name', this.getAttribute('name') + newID);
});
$('#field_id' + currLength).after(clonedField);
HTML:
<tr id="field_id_1">
<td>
<table>
<tr>
<td>Pick option</td>
<td>
<select name="choice_1" id="choice_1" parent="true">
<option value="null" selected="selected">Select</option>
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
</select>
</td>
</tr>
<tr>
<td>Pick next option</td>
<td>
<select name="next_choice_1" id="next_choice_1">
<option value="null" selected="selected">Select next</option>
</select>
</td>
</tr>
<tr>
<td>Image:</td>
<td><input type="file" name="image_1" id="image_1"/></td>
</tr>
</table>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="button" value="Add New" id="btnAddNewField" />
<input type="button" value="Remove" id="btnDelField" />
</td>
</tr>
答案 0 :(得分:1)
我没有看到你在哪里更改克隆表单字段的name属性。您需要更改此设置,以便不会使其他字段覆盖已发布的数据。
答案 1 :(得分:0)
我认为你被邮寄的方式弄错了。您应该为克隆字段创建一个新名称,因为这是用于发布变量的名称。创建一个新的id只能生成有效的html,但与实际发布无关。