Jquery 三个单独的表单一个提交按钮

我试过几种不同的方法，但到目前为止都不管用

我有三种不同的表格

当你点击表格A时，它会下拉并允许人们填写

当你点击表单B时，它将隐藏表单A，并下拉表单B。供人们填写

现在使用这种方法，我希望在底部有一个提交按钮

但我不知道如何让每一张表格单独发送一次提交

我知道这是可以做到的。但是，我不能让它工作

我对很多这方面还很陌生

以下是我尝试使用的代码：

<script type="text/javascript">
    $(document).ready(function () {
        $("#submit").click(function () {
            $.post($("#simple").attr("action"), $("#simple").serialize(),
              function () { });

            $.post($("#complete").attr("action"), $("#simple").serialize(),
              function () {    });

              $.post($("#Miscellaneous").attr("action"), $("#simple").serialize(),
              function () {});
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
$.post（$（“#simple”）.attr（“action”），$（“#simple”）.serialize（），
函数（）{}）；
$.post（$（“#完成”）.attr（“操作”），$（“#简单”）.serialize（），
函数（）{}）；
$.post（$（“#杂项”）.attr（“操作”），$（“#简单”）.serialize（），
函数（）{}）；
});
});

这应该行得通。不过，该代码未经测试

$('#button').click(function(e){
    e.preventDefault();
    $('#form1').submit();
    $('#form2').submit();
    $('#form3').submit();
})​

---

编辑：如果您喜欢

$（“#提交”），这也可能有助于您选择第n个元素。单击（函数（）{$（'#表单1'）.submit（）；$（'#表单2'）.submit（）；$（'#表单3'）.submit（））尝试我会试试这个！！快速提问。我应该在“表格1”内还是在所有表格外设置“提交”按钮信息？无论在何处。e.preventDefault将停止submit按钮的正常执行，因此除了您告诉它执行的操作外，它不会执行任何其他操作。虽然就我个人而言，我会把它放在所有形式之外，但那样感觉更好。所以我把代码放在这里。并在三个不同的表单下面添加了提交按钮。但是，当单击submit按钮时，什么也没有发生？打开javascript控制台（按f12）。有什么错误吗？天哪。对有错误，我甚至不知道该怎么处理