实现多个WEB页面要接收同一个表单的数据的功能_js两个页面引用同一个form表单-CSDN博客

本文介绍了三种不同的方法来实现HTML表单提交到不同页面的功能。第一种方法是为每个按钮设置独立的事件处理函数；第二种方法是直接在按钮点击事件中设定表单提交地址；第三种方法则利用switch case语句根据按钮值进行判断并决定提交行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　方法一：使用多个button按钮，为每个按钮的onclick事件设计一个子过程，通过读取按钮的值来判断向谁提交数据，源代码如下：

function tosubmit1() { document.submitform1.action="1.asp"; document.submitform1.submit(); } f

unction tosubmit2() { document.submitform1.action="2.asp"; document.submitform1.submit(); }

function tosubmit3() { document.submitform1.action="3.asp"; document.submitform1.submit(); }

</script>

</form>

方法二：使用多个button按钮，定义每个按钮的onclick事件的处理过程，不需要判断按钮的value值，而直接定义form表单的action值，代码比较简单，如下：

　方法三：同样使用多个button按钮，也同样为每个按钮设计一个onclick事件子过程，不同的是使用switch case语句来判断button按钮的value值，从而作相应的处理，代码如下：

<form name="submitform3" action="" method="post" target="_blank">
<input type="submit" name="submit1" value="提交给1.asp" onclick="dothis(this)">
<input type="submit" name="submit2" value="提交给2.asp" onclick="dothis(this)">
<input type="submit" name="submit3" value="提交给3.asp" onclick="dothis(this)">
</form>
<script language="javascript">
function dothis(obj)  {
switch(obj.value)     {
case "提交给1.asp":
document.submitform3.action="1.asp";
break;
case "提交给2.asp":
document.submitform3.action="2.asp";
break;  case "提交给3.asp":        d
ocument.submitform3.action="3.asp";
break;     }  }
</script>