Jquery 克隆输入框

您好，我有一个输入框，需要最多克隆六次。根据.clone（）函数，我可以这样做，但是如果必须更改输入名称，如何进行

因此，假设在创建新输入时，它应该向名称和id添加一个增量，即：

name=“input2”

id=“input2”

，等等，每次克隆对象时

---

有人对使用jQuery实现这一点的最佳/最简单方法有什么建议吗

在

cloneInput

函数中，您可以为元素的属性赋值，如下所示：

$('input').last().attr('name', 'a_new_name');

本例将找到您的最后一个输入字段，并为其指定一个新名称。ID、值等也同样适用。请查找：

或者正如James指出的，它也直接在clone（）之后工作：

---

在

cloneInput

函数中，可以为元素的属性赋值，如下所示：

$('input').last().attr('name', 'a_new_name');

本例将找到您的最后一个输入字段，并为其指定一个新名称。ID、值等也同样适用。请查找：

或者正如James指出的，它也直接在clone（）之后工作：

---

首先，请使用jQuery删除内联事件处理，您可以尝试此操作，而不是使用

clone

加价

<div id="inputContianer">
   <label for="input">
     <input name="input" id="input" type="text">
   </label>
</div>

<a class="cloneInput" href="#">Add Another Input</a>

JS

$（函数（）{
var计数=1；
$（'a.cloneInput'）。单击（函数（）{
变量id='输入'+（计数+）；
$（''，{for:id}）
.append（$（''，{id:id，name:id，键入：“text”}））
.appendTo（“#inputContianer”）；
返回false；
});
});

首先，请使用jQuery删除内联事件处理，而不是使用

clone

，您可以尝试此方法

加价

<div id="inputContianer">
   <label for="input">
     <input name="input" id="input" type="text">
   </label>
</div>

<a class="cloneInput" href="#">Add Another Input</a>

JS

$（函数（）{
var计数=1；
$（'a.cloneInput'）。单击（函数（）{
变量id='输入'+（计数+）；
$（''，{for:id}）
.append（$（''，{id:id，name:id，键入：“text”}））
.appendTo（“#inputContianer”）；
返回false；
});
});

它似乎是这样工作的：

<script>
    var c = 1;
    function cloneInput() {
        $('#input')
              .clone()
              .attr('id', 'input'+c)
              .attr('name', 'input'+c)
              .appendTo('#clones')
              .wrap('<label for="input'+c+'"/>');
        c++;
    }
</script>

<label for="input">
 <input name="input" id="input" type="text">
</label>

<a href="#" onClick="cloneInput()">Add Another Input</a>

<div id="clones"></div>

var c=1；
克隆输入（）函数{
$（“#输入”）
.clone（）
.attr（'id'，'input'+c）
.attr（'name'，'input'+c）
.appendTo（“#clone”）
.wrap（“”）；
C++；
}

它似乎是这样工作的：

<script>
    var c = 1;
    function cloneInput() {
        $('#input')
              .clone()
              .attr('id', 'input'+c)
              .attr('name', 'input'+c)
              .appendTo('#clones')
              .wrap('<label for="input'+c+'"/>');
        c++;
    }
</script>

<label for="input">
 <input name="input" id="input" type="text">
</label>

<a href="#" onClick="cloneInput()">Add Another Input</a>

<div id="clones"></div>

var c=1；
克隆输入（）函数{
$（“#输入”）
.clone（）
.attr（'id'，'input'+c）
.attr（'name'，'input'+c）
.appendTo（“#clone”）
.wrap（“”）；
C++；
}

cloneInput的代码在哪里？

cloneInput的代码在哪里？
cloneInput的代码在哪里？您不需要使用
last
，只需将它与
.clone（）
链接在一起，就不需要在已经有引用的情况下搜索DOM。您不需要使用
last
，只需将它与
.clone（）
链接在一起，就不需要在已有DOM引用的情况下搜索它。即使使用了
clone（）
，这也是正确的方法。我在jsbin上也做过类似的事情。即使使用了
clone（）
，这也是正确的方法。我正在jsbin上做类似的事情。