jQuery克隆明文字段

Question

当您单击“添加其他朋友”时，我试图重复输入朋友字段（姓名+电子邮件）。 每次我尝试克隆字段时，它都会在字段中包含我不想要的文本！ 有人有想法吗？

jsFiddle

提前致谢 ：）

Answer 1

从字段中获取value=''后，尝试将其设置为value=''

Answer 2

将点击事件处理程序绑定到“添加另一个朋友” <div>元素。 在该事件处理程序中，您要将表单元素的另一行附加到<p>元素。

HTML：

<p id="friendlist">Friend 1 Name:
    <input type="text" name="friend_name[]" class="friendid">
    Friend 1 Email:
    <input type="text" name="friend_email[]" class="friendid"/></p>

<div id="addanother">add another friend</div>

<input type="submit" name="submit" />

您的jQuery：

$(function() {
    var nextIndex = 2;

    $("#addanother").click(function() {
        var html = '<br />Friend ' + nextIndex + 'Name:';
        html += '<input type="text" name="friend_name[]" class="friendid" />'
        html += 'Friend ' + nextIndex + 'Email:';
        html += '<input type="text" name="friend_email[]" class="friendid" />';
        $("#friendlist").append($(html));
        nextIndex++;
    });
});

jsFiddle