javascript – 如何使用单个提交按钮在一个页面中提交2个表单

>输入类型=图像是一个提交按钮,因此您尝试从不存在的表单提交某些内容,可能与您所在的页面相同
>当你提交form1时,它会替换当前页面,如果你设法提交form2,它很可能会干扰form1的提交

这是你可以尝试(普通的JavaScript)：

<script language="javascript">
function() submitForms{
  document.getElementById("firstform").submit();
  document.getElementById("secondform").submit();
 }
</script>

<form id="firstform" target="iframe1">
</form><iframe name="iframe1" style="display:none"></iframe>
<form id="secondform" target="iframe2">
</form><iframe name="iframe1" style="display:none"></iframe>
<button onclick="submitForms()"><img src="images/order-button.png" "/></button>

或者AJAX一次一个表单(假设加载了jQuery)

DEMO HERE

$(document).ready(function() {
    $("#subbut").click(function() {
        $.post($("#firstform").attr("action"),$("#firstform").serialize(),function() {
            $.post($("#secondform").attr("action"),$("#secondform").serialize(),function() {
                alert('Both forms submitted');
              });
          });
      });
  });

更新：如果您希望将两个表单的内容提交给一个操作,只需添加序列号：

$(document).ready(function() {
    $("#subbut").click(function() {
        $.post($("#firstform").attr("action"),$("#firstform").serialize()+$("#secondform").serialize(),function() {
                alert('Both forms submitted');
              });
      });
  });

PS：演示中的php只是回显你发布的内容.服务器上不需要特殊操作.