动态地为字段指定不同的名称,以便我可以单独通过电子邮件发送它们

Dynamically give different names to fields so I can email them separately

本文关键字:单独通 我可以 电子邮件 字段 动态      更新时间:2023-09-26

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

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

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

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

此外,由于我将动态添加新的人员/电子邮件地址,因此这必须都在同一页面上进行。所以我正在考虑使用 json 或 ajax?

提前感谢!

小提琴

你可以尝试这样的一些

为计数器添加隐藏字段

<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 演示