使用一个按钮提交两个表单

Submitting two forms with a single button

本文关键字：两个 表单 提交 按钮 一个      更新时间：2023-09-26

我想用一个提交按钮提交两个表单。有人知道该怎么做吗？

$('#form1').submit(function() {
   $('#form2').submit();
});

但是，这可能只会提交其中之一（除非它们与 XHR 一起提交）。

您可以循环访问其他表单的输入元素，并在提交时将它们附加到其他表单。

您可以使用合并来自 Form1 和 Form2 的数据来执行此操作。

网页代码： 

<form method="post" id="myForm" action="example.php">
   <input type="text" value="Testing" name="var1">
   <input type="submit" name="submit" value="Submit">
</form>
<form method="post" id="myForm2" action="example2.php">
  <input type="text" value="Testing2" name="var2">      
</form>

Jquery Code：

$('#myForm').submit( function(){    
    url= $('#myForm').attr("action");
    data= $('#myForm').serialize();
    data2= $('#myForm2').serialize();
    $.ajax({
    type: "POST",
    url: url,
    data: data + '&' + data2, // Combine data from myForm and myForm2 using & character
    success: function(data){
        alert(data);
        }
    });
    return false;
});
相关文章：