Question

我有以下表格：

<form name="google" method="post" action="http://google.com/"></form>
<form name="yahoo" method="post" action="http://yahoo.com" target="_blank"></form>

是否有机会通过单击鼠标提交这两种表格，例如有一个提交按钮？ jQuery解决方案是不可接受的，因为我没有使用它的网站，因此为一个单独的操作加载外部lib是不合理的。

有机会通过纯Javascript来实现吗？

提前致谢！

Answer 1

可悲的是，afaik简单的答案是否定的，因为如果您提交一个表单页面重新加载并将$ _POST发布到服务器。你不能将这两种形式合并在一个标签下吗？ HTML5可以做到这一点。您还可以使用隐藏字段并阅读第二个表单，并在发送之前提供包含信息的第一个表单隐藏字段。

希望有所帮助，干杯！

Answer 2

HTML：

<form id="form1" name="google" method="post" action="http://google.com/" onsubmit="submitBoth(); return false;"></form>
<form id="form2" name="yahoo" method="post" action="http://yahoo.com" target="_blank" onsubmit="submitBoth(); return false;"></form>

JS：

function submitBoth() {
  document.getElementById('form1').submit();
  document.getElementById('form2').submit();
}

使用一个提交按钮提交两个表单 - Javascript

2 个答案: