jQuery Clone Clear Text Field

Question

Я пытаюсь заставить поля друзей (имя + адрес электронной почты) повторяться, когда вы нажимаете "добавить другого друга".Каждый раз, когда я пытаюсь клонировать поля, он включает текст внутри полей, которые мне не нужны!У кого-нибудь есть идеи?

jsFiddle

Заранее спасибо:)

Answer 1

Свяжите обработчик события клика с элементом «Добавить другого друга» <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

Answer 2

Попробуйте установить поля value='' после того, как вы взяли значения из них