javascript - jQuery 克隆() 问题

Question

当用户单击“添加”按钮时，我正在使用 jquery 克隆表单输入字段，一切正常，但我有一个问题，如果我在表单输入字段中写入一些内容并单击“添加”按钮，那么 jQuery 会将该文本复制到新的内容中还克隆了输入元素。

您可以尝试演示:http://jsbin.com/ikebil/2/edit

步骤:

1. 打开链接并单击“渲染”

2. 在输入字段中输入内容

3. 单击添加按钮，它将创建一个新的输入字段，但也会复制前一个输入字段中写入的文本。

原码:http://charlie.griefer.com/blog/2009/09/17/jquery-dynamically-adding-form-elements/

因此，如果前一个元素中写入了任何内容，我需要删除该文本。

Answer 1

只需使用val即可清除克隆元素。我没有点击您的链接(总是在问题中发布代码)，但例如:

var c = field.clone().val("");

克隆field，然后清除其中的值，并将克隆分配给c。

更新:我查看了代码，您克隆了该元素，但想要更改后代的值:

// create the new element via clone(), and manipulate it's ID using newNum value
var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);

// manipulate the name/id values of the input inside the new element
newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum);

只需将 .val("") 添加到最后一行:

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