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

时间:2011-05-09 04:18:36

标签: javascript jquery forms

我想通过一个提交按钮提交两个表单。有谁知道怎么做?

2 个答案:

答案 0 :(得分:2)

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

但是,这可能只提交其中一个(除非它们是用XHR提交的)。

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

答案 1 :(得分:0)

您可以使用Form1和Form2中的数据进行组合。

HTML代码:

<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代码:

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