0

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

2 回答 2

1

我看不到您更改克隆表单字段的名称属性的任何地方。您需要更改此设置，以免发布的数据被其他字段覆盖。

于 2012-08-06T22:23:53.823 回答
0

我认为您对 post 的工作方式有误。您实际上应该为克隆字段创建一个新名称，因为这是用于发布变量的名称。创建一个新的 id 只需要生成有效的 html，但与实际发布无关。

于 2012-08-06T22:24:19.447 回答