2

如何一键提交两份表格?我的网页中有两种形式:其中一种显示出来并有一个提交按钮。另一个是隐藏的。如下所示:

<form id="form1" action="/url1" method="post">
  ...
  <input type="submit" value="Submit">
</form>

<!-- Hidden form -->
<form id="form2" action="/url2" method="post">
  <input type="hidden" ...>
  <input type="hidden" ...>
  ...
</form>

如何仅通过单击第一个表单中的按钮来提交它们?

4

1 回答 1

1

您必须使用 jQuery 或普通的 JavaScript。这是一个工作示例:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#submitButton").click(function () {
                $.post($("#form1").attr("action"), $("#form1").serialize(),
                  function () {
                      alert('Form 1 submitted');
                  });

                $.post($("#form2").attr("action"), $("#form1").serialize(),
                  function () {
                      alert('Form 2 submitted');
                  });
            });
        });
    </script>
</head>
<body>
    <form id="form1" action="PostPage1.aspx" method="post">
        <input type="button" id="submitButton" value="Submit" />
    </form>

    <!-- Hidden form -->
    <form id="form2" action="PostPage2.aspx" method="post">
        <input type="hidden" id="data1" value="testing1" />
        <input type="hidden" id="data2" value="testing2" />
    </form>
</body>
</html>
于 2013-03-02T08:45:57.350 回答