多个操作表单

• 下载源代码文件 - .64 Kb

引言

你是否曾经希望一个简单的表单执行多个操作，但却不知道该如何实现？ 答案对我来说隐藏了一段时间，但我设法在阅读了 Chris Maunder 的一篇文章后想象出了如何做到这一点 “从单个表单指定多个操作”。

在文章中，Chris 设法将表单信息发送到不同的页面，但他需要为每个操作使用不同的按钮。 因此，我决定稍微修改一下他的代码，以便通过单击“提交”按钮一次完成多个操作。 现在，我将向你解释如何做到这一点。

首先，让我们有一个简单的表单，如下所示

<form name=Form1 action= "login1.php" method=post>
Username <input type="text" name="username">
Password <input type="password" name="password">
<input type="submit" value="Send" name="button1" 
                     onclick="return OnButton1();">

现在，我们已经有了一个表单。 当我们单击“提交”按钮时，它会调用一个 JavaScript 函数

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

好的，现在我们将数据提交到两个页面。 如你所见，它们都有一个像框架一样的目标。 这是因为我们需要它使用数据打开两个新页面，但为了不打扰用户，我们像这样隐藏了 IFRAME

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

页面会将数据发送到 IFRAME，并且信息将按照你想要的方式处理。

注意：用户只会看到 login1.php 的确认信息，而不会看到第二个登录确认信息。 你也许可以创建一个页面来告知用户是否可以同时登录到两个页面，或者像我一样创建一个重定向到索引页面的页面。