javascript - 动态地为字段赋予不同的名称，以便我可以单独通过电子邮件发送它们

Question

到目前为止，这是我的设置：小提琴

每当我单击“提交”按钮时，我都需要它向该特定人员/电子邮件地址发送电子邮件。

但是它们都具有相同的名称，因为我只是克隆了它们。如何动态地为字段提供唯一名称和/或类，以便我可以单独通过电子邮件发送它们？

$('.sub_container').first().clone(true).appendTo('.container').find('input').val('');

此外，由于我将动态添加新的人员/电子邮件地址，因此这必须全部发生在同一页面上。所以我在考虑使用 json 或 ajax 也许？

提前致谢！

小提琴

Answer 1

你可以试试这样

为计数器添加隐藏字段

<input type='hidden' id='counter' value ='0' />

点击事件的变化

$('.add_new').click(function (e) {
    var count = parseInt($("#counter").val(),10);
    $("#counter").val(count+1);
    var cloneEle = $(this).prev(".sub_container").clone(true); 
    cloneEle.attr("class","sub_container"+count)
 cloneEle.find("input[type='text']").val('');
    cloneEle.find('input[type="submit"]').val("Submit");
    cloneEle.find('input[type="submit"]').attr("id","btnSubmit"+count)
    cloneEle.appendTo('.container');
    $('.preview_message').last().html('');
    $('.preview_name').last().html('');
});

jsfiddle 演示