2013-10-21 18 views
0

這裏是我的設置至今:Fiddle動態地領域給予不同的名稱,所以我可以給他們發郵件單獨

每當我點擊「提交」按鈕,我需要它來發送電子郵件發送到特定的人/電子郵件地址。

但他們都有相同的名字,因爲我只是克隆他們。我如何動態給字段賦予唯一的名稱和/或類,以便我可以分別給他們發電子郵件?

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

而且,因爲我將是動態地添加新的人/電子郵件地址,這都必須發生在同一頁上。所以我想使用json或ajax?

在此先感謝!

Fiddle

+0

我會重新命名你的輸入字段,以便將請求數據轉換爲迭代數組,例如'name =「people [0] [Name]」'爲第一個人的塊,'name ='people [ 1] [Name]「'爲第二。您仍然必須找到一種方法來增加索引,或者查看是否可以簡單地使用'name =「people [] [Name]」'作爲自分配索引。 – Scuzzy

回答

1

你可以嘗試一些thign這樣

添加隱藏字段計數器

<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

相關問題