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

时间:2016-03-31 04:39:28

标签: jquery html5 forms twitter-bootstrap-3 submit

我尝试了几种不同的方法,但到目前为止还没有任何工作。

我有3种不同的形式。

当您点击表单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>

1 个答案:

答案 0 :(得分:0)

这应该有效。但代码未经测试。

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

编辑:如果您更喜欢https://api.jquery.com/nth-child-selector/

,这也可以帮助您选择第n个元素