克隆表单字段没有提交（无$ _POST数据）

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

来源

2012-08-06 Brickgame

是否缺少来自'.find（'：text）'的拼写错误？或者是你的实际代码中的错误？提示：*看*在语法高亮。 – 2012-08-06 22:23:04

是的，这是一个错字。 – Brickgame 2012-08-08 04:12:23

你在这个jQuery代码执行后看到了输出HTML吗？克隆的fielsd应该具有唯一名称，或者是带有'[]'的相同名称，即'foo []'。然后所有的值将被保存在'foo [0]'，'foo [1]'...'foo [index]'这种方法也可以避免使用计数器。至于唯一的ID，你可以使用'class'而不是'ID' .. – DavChana 2012-08-08 04:24:22

我没有看到任何地方，你正在改变克隆表单字段的name属性。您将需要更改此设置，以便不会将发布的数据仅由其他字段覆盖。

来源

2012-08-06 22:23:53

我添加了更改到克隆字段的名称属性，但仍然无效。查看更新的代码示例。 – Brickgame 2012-08-08 04:18:59

看到一些示例HTML源代码会很有帮助。 – 2012-08-08 20:52:45

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

来源

2012-08-06 22:24:19 Pevara

克隆表单字段没有提交（无$ _POST数据）

回答

相关问题