Question

我正在尝试将表单提交到两个不同的页面，只需按一下按钮。目前我正在尝试将页面提交给两个隐藏的iframe，但是当我提交表单时，第二个操作似乎无法正常工作。这是我正在尝试的编辑版本

<script language="javascript">
<!--
function OnButton1()
{
    document.Form1.action = "test1.php"    // First target
    document.Form1.target = "iframe1";    // Open in a iframe
    document.Form1.submit();        // Submit the page
    document.Form1.action = "test2.php"    // Second target
    document.Form1.target = "iframe2";    // Open in a iframe
    document.Form1.submit();        // Submit the page


}
-->
</script>


Submit Button
<input name="submit" src="test.png" type="image" id="submit" style="width: 238px; height: 92px; margin-top: 5px;" value="Submit" onclick="OnButton1();" />

内部框架

<div style="visibility:hidden">
<iframe NAME="iframe1" WIDTH="40" HEIGHT="40"></iframe>
<iframe NAME="iframe2" WIDTH="40" HEIGHT="40"></iframe>
</div>

Answer 1

您无法同时提交2张表格。我认为你必须改变策略来管理你的案子。

帕斯卡

Answer 2

尝试一次

在javascript中添加此功能

   submitForms = function()
   {
          document.getElementById("formID1").submit();
          document.getElementById("formID2").submit();
   }

现在单个表单必须得到2个ID，这是

    <form id="formID1" target="iframe1">
    </form><iframe name="iframe1" style="display:none"></iframe>
    <form id="formID2" target="iframe2">
    </form><iframe name="iframe1" style="display:none"></iframe>
     <input type="button" value="Click Me!" onclick="submitForms()" />

检查此URL以进行演示 http://plungjan.name/test/duosubmit.html

Answer 3

将输入类型更改为按钮。我认为这样可以解决您的问题。您可以使用ajax，而不是使用iframe。如果您熟悉jQuery this会对您有所帮助。

Answer 4

由于您的表单已提交，因此您的脚本不会再执行。尝试将表单提交给加载第一个iframe的第二个操作。

window.iframe2.onload = function(){
    document.Form1.action = "test2.php"    // Second target
    document.Form1.target = "iframe2";    // Open in a iframe
    document.Form1.submit();  
}

你需要有某种条件来防止窗口首次加载窗体。

一种形式的两个动作

4 个答案: