我如何提交所有克隆表格？

Question

我有一種形式，我創建了一個腳本來複制這個表單，當你點擊一個特定的鏈接。

我使用的事件的clone（）要做到這一點，它的工作的罰款。

現在，我想創建一個按鈕，提交所有創建的表單並插入一個表格中的所有信息。

我只是想知道我怎麼能做到這一點，並且事件做我需要使用。

我jQuery代碼是非常簡單的

$(".add").click(function() { 
     $('.offer:first').clone().find("input:text").val('').end().appendTo('.job'); 

    }); 

Answer 1

你將不得不使用AJAX，這樣你可以收集所有形式的數據在同一個地方。

var forms[0] = $('.offer:first'); 
var formId = 1; 


$(".add").click(function() { 
     $forms[formId] = $('.offer:first').clone(); 
     $forms[formId].find("input:text").val('').end().appendTo('.job'); 
     formId++; 
}); 

$(".submit").click(function(e) { 
     e.preventDefault; 
     for (i=0; i<count($forms);i++) { 
      values[i] = $forms[i].serializeArray(); 
     } 

     $.ajax(
      url: "submitScript.php", 
      data : {values:values}, 
      success: function() { 
       for (i=1; i<count($forms);i++) { 
        forms[i].delete(); 
       } 
      } 
    ); 
}); 

Answer 2

，你這樣做是不對的樣子，你需要克隆只有一組輸入，然後附加到一個獨特的形式，你不需要克隆並製作多種形式。

<form id="unique_form"> 
    <div id="inputs_to_clone"> 
     <input type="text" name="input_name"> 
     <input type="text" name="input2"> 
    </div> 
</form> 

所以現在你可以做

$(".add").click(function() { 
    $('#inputs_to_clone').clone().find("input:text").val('').end().appendTo('#unique_form'); 
}); 

而且你可以提交你的獨特的形式。