Question

我有一个表单，当您单击特定链接时，我创建了一个脚本来复制此表单。

我使用事件clone（）来做到这一点，并且工作正常。

现在我想创建一个按钮，提交所有已创建的表单并在表格中插入所有信息。

我只是想知道我该怎么做以及我需要使用哪些事件。

我的jquery代码非常简单

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

    });

Answer 1

你这样做的方式是错误的，你只需要克隆一组输入然后附加到一个独特的表单，你不需要克隆并制作多个表单。

<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');
});

您可以提交您的独特表格。

Answer 2

您必须使用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();
                }
           }  
     );
});

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

2 个答案: