克隆表单字段未提交(无$ _POST数据)

时间:2012-08-06 22:21:25

标签: javascript jquery forms clone

我在表格中有一个表单,可以选择复制某一行(从而允许用户根据需要添加更多字段)。克隆工作正常,事件数据和处理程序工作正常。但是,在提交表单时,克隆的表单字段数据不会发布。下面是我克隆字段的代码,它可以正常工作并解决任何重复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>

2 个答案:

答案 0 :(得分:1)

我没有看到你在哪里更改克隆表单字段的name属性。您需要更改此设置,以便不会使其他字段覆盖已发布的数据。

答案 1 :(得分:0)

我认为你被邮寄的方式弄错了。您应该为克隆字段创建一个新名称,因为这是用于发布变量的名称。创建一个新的id只能生成有效的html,但与实际发布无关。