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

时间:2013-10-21 02:22:09

标签: javascript php ajax json email

到目前为止,这是我的设置:Fiddle

每当我点击“提交”按钮时,我都需要它发送电子邮件给该特定的人/电子邮件地址。

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

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

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

提前致谢!

Fiddle

1 个答案:

答案 0 :(得分: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 demo