Php jQuery中的克隆问题

在需要不同数量的乐队成员的表单中，我在按钮上使用以下代码来复制输入

HTML的一个片段如下所示：

<div id="input1" style="margin-bottom:4px;" class="clonedInput">
    <label for="band_member">Band Member: </label>
    <input type="text" name="name1" id="name1" />
</div>
<div>
    <input type="button" id="btnAdd" value="  add another member  " />
</div>

提交表单时，添加的输入不会被提交，最后一个条目将成为第一个输入的值，并且每个新添加的输入的值不会像代码所指示的那样被清除

我将非常感谢在这方面的任何帮助

提前感谢,，

---

Jon

我认为它不起作用的原因是您将id=“name”+num添加到标签中，而不是输入，因此每个输入都具有相同的确切id

将第一个选择器更改为输入选择器：

newElem.children(':first').attr( 'val', '' ).attr('id', 'name' + newNum).attr('name', 'name' + newNum);

应该是：

newElem.find('input').attr('id', 'name' + newNum).attr('name', 'name' + newNum).val("");

---

我认为它不起作用的原因是您将id=“name”+num添加到标签中，而不是输入，因此每个输入都具有相同的确切id

将第一个选择器更改为输入选择器：

newElem.children(':first').attr( 'val', '' ).attr('id', 'name' + newNum).attr('name', 'name' + newNum);

应该是：

newElem.find('input').attr('id', 'name' + newNum).attr('name', 'name' + newNum).val("");

---

我按你说的换了，但没用。但是，按照您的逻辑，我将其更改为：newElem.find（'input'）.attr（'val'，''）.attr（'id'，'name'+newNum）.attr（'name'，'name'+newNum）；现在它提交了所有值（谢谢！！！），但克隆上的值仍然没有清除。思想？@jgravois将其更改为：newElem.find（'input'）.attr（'id'，'name'+newNum）.attr（'name'，'name'+newNum）.val（“”）；我还更新了我的答案以反映这一变化。我按照你说的做了更改，但没有起作用。但是，按照您的逻辑，我将其更改为：newElem.find（'input'）.attr（'val'，''）.attr（'id'，'name'+newNum）.attr（'name'，'name'+newNum）；现在它提交了所有值（谢谢！！！），但克隆上的值仍然没有清除。思想？@jgravois将其更改为：newElem.find（'input'）.attr（'id'，'name'+newNum）.attr（'name'，'name'+newNum）.val（“”）；我还更新了我的答案以反映这一变化。