表单中的 Jquery 动态行答案

【问题标题】：Jquery dynamic rows in form表单中的 Jquery 动态行
【发布时间】：2014-06-03 18:05:48
【问题描述】：

当我们点击链接“添加新行”时，需要复制整个<div class="row">并将<input>属性name改为data[+1][xxx]
（[] 中的数字每次都必须 +1）

<div class="row">                                  
      <div class="inner">   
        <div>
            <label for="layout_name">Link</label>
            <input id="layout_name" name="data[0][link]" type="text" value="">
        </div>
        <div>
            <label for="layout_name">Text</label>
            <input id="layout_name" name="data[0][text]" type="text" value="">
        </div>
     </div>   
</div>
<a href="#" class="add_row">Add new row</a>

第一部分看起来不错，但更改输入名称可能有一些错误。

【问题讨论】：

您尝试了一些东西还是只是要求我们为您编码？
请向我们展示您的代码。
当然，这里是：jsfiddle.net/c6WG8 - 第一部分看起来不错（重复的 DIV），但您可以看到问题在于重命名输入名称属性。你知道出了什么问题吗？
添加小提琴代码并链接到您的问题，以便在问题中显示努力...很多人不会浏览 cmets

标签： jquery forms dynamic

【解决方案1】：

在第 9 行的 jQuery fiddle 代码中，而不是这样做

content.attr("id",function(i,oldVal) {

你应该这样做

content.attr("name",function(i,oldVal) {

因为您想更新输入字段的名称而不是 id。此外，您的代码中有一个小错字。您在第 8 行用美元符号初始化了 content 变量；你应该这样做：

var content = $(this).closest('.row').find( "input");

更新的小提琴在这里：http://jsfiddle.net/c6WG8/8/

【讨论】：