javascript - Accordion ，将电子邮件地址复制到每个文本字段

Question

我有一 Handlebars 风琴。和一个电子邮件文本字段。我想将电子邮件地址复制到每个新文本字段。但现在它只复制到第一个文本字段。如果我创建第三个文本字段。它不会从第一个创建的文本字段复制电子邮件地址。

我有这个:

// Add extra contact clicked?
$('#add-contact p a').click(function (e) {


// Make a copy of the first input fields
    html = $('#new-contact').children().clone();


// Get number of tabs in the accordion
    var index = $('#accordion h3').length;

// Remove the values
    html.find("input[type=text]").val("");
    html.find('input[type=checkbox]').attr('checked', false);

// New 'id', 'for' and 'name' attribute names
    html.find('input[type=checkbox]').each(function () {


        me = $(this);
        attr = me.attr('id');
        number = attr.split('_')[2];
        newNumber = parseInt(index) + 1;
        newAttr = attr.replace(number, newNumber);
        me.attr('id', newAttr).attr('name', newAttr).next().attr('for', newAttr);

    });

// Insert it at the end

    $('#accordion').append(html);
    $('#accordion').accordion('refresh');//Refresh!!!!

    $("#add-contact p a").each(function () {

        $("#contactpersonen_email1").val($("#contactpersonen_email").val());
    });

// Set last tab to active
    $("#accordion").accordion({active: index});

// Cancel the click
    return false;
});

在这里我复制电子邮件地址:

$("#add-contact p a").each(function () {

    $("#contactpersonen_email1").val($("#contactpersonen_email").val());
});

但他的副本只有一次。所以从文本字段 1 到文本字段 2。但如果我制作第三个文本。它不会从文本字段 1 复制到文本字段 3。

谢谢

我有这个:

 <div class="contact-label span2">
          <label for="contactpersonen-email">Email adres</label>
          <div class="contact-input-field">
            <input type="text" class="input-text span2 required contactpersonen_email1" id="contactpersonen_email1" name="contactpersonen_email1"></input>
          </div>
        </div>

Answer 1

事实上，$("#contactpersonen_email1") 将选择具有此 ID 的第一个项目，

使用类而不是 id 应该可以正常工作。

像这样:

$(".contactpersonen_email1")