您的位置：首页 > 其它

实现同时提交多个form(基础方法) 收集（转）

2016-10-22 15:03 232 查看 
方法一：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body>

<form action="" name="form1">
<input type="button" value="查询1" type="submit" onclick="form1.action='action_1';form1.submit();"/>
<input type="button" value="查询2" type="submit" onclick="form1.action='action_2';form1.submit();" />
</form>

或：
<Script Language="JavaScript">
function modify()
{
document.form1.action="modify.jsp";
document.form1.submit();
}

function delete()
{
document.form1.action="delete.jsp";
document.form1.submit();
}
</Script>

<form name="form1" action="">
<INPUT Type="Button" Name="Modify" Value="修改" onClick="modify()">
<INPUT Type="Button" Name="Delete" Value="删除" onClick="delete()">
</form>
这样可以实现将多个按钮发送到不同的网页中。
</body>
</html>

方法二：
提交form的时候，里面的action不能带参数，例：
<form action="test.do?args=888">
<input type="button" value="submit">
</form>

通过这个方法，test.do无法读取args，必须换成以下写法
<form action="test.do">
<input type="hidden" name="args" value="888">
<input type="button" value="submit">
</form>


//参考二：http://blog.csdn.net/elifefly/article/details/7032334

1 一个表单form、submit提交到多个不同页面
2
3
4 在做管理页面的时候常常遇到这样的情况：全选所有列表，然后进行多个操作（删除、转移等），这样每条记录做一个表单比较麻烦，HTML代码太多而且操作复杂。通常会遇到了一个表单提交到不同的处理页面，比如执行删除的delete.asp 或者move.asp 。上网找了下资料，大多数方法都是通过Javascipt来实现了以上的功能，代码如下。
5
6 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
7 <head>
8 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
9 <title>一个表单、多个提交按钮、提交到多个不同页面</title>
10 </head>
11
12 <script>
13 function sm1(){
14 document.getElementById("form_78").action="1.asp";
15 document.getElementById("form_78").submit();
16 }
17 function sm2(){
18 document.getElementById("form_78").action="2.asp";
19 document.getElementById("form_78").submit();
20 }
21 </script>
22 <form action="" method="post" name="form_78" id="form_78">
23     <input name="mytext" type="text" id="mytext" />
24     <input name="bt1" type="button" id="bt1" value="提交到1.asp" onclick="sm1()" />
25     <input name="bt2" type="button" id="bt2" value="提交到2.asp" onclick="sm2()" />
26 </form>
27 </body>
28 </html>
29 =============================================================================
30 用JS提交吧。
31 <input type='button' value='aa' onclick="dosubmit('show')" />
32 <input type='button' value='aa' onclick="dosubmit('js')" />
33
34 <script>
35 function dosubmit(otype){
36 document.myform.action='123.asp?otype=' + otype;
37 document.myform.submit();
38 }
39 </script>
40 ==================================================================================
41 JS一个表单提交到多个页面的方法汇总
42 作者：bcw52    文章来源：网络    点击数：71    更新时间：2010-12-3
43 方法一：使用多个button按钮，为每个按钮的onclick事件设计一个子过程，通过读取按钮的值来判断向谁提交数据，源代码如下：
44 <script language="JavaScript">
45 function tosubmit1()
46 {
47 document.submitform1.action="1.asp";
48 document.submitform1.submit();
49 }
50 function tosubmit2()
51 {
52 document.submitform1.action="2.asp";
53 document.submitform1.submit();
54 }
55 function tosubmit3()
56 {
57 document.submitform1.action="3.asp";
58 document.submitform1.submit();
59 }
60 </script>
61 </head>
62 <form name="submitform1" action="" method="post" target="_blank">
63 <input type="button" name="submit1" value="提交给1.asp" onclick="tosubmit1()">
64 <input type="button" name="submit2" value="提交给2.asp" onclick="tosubmit2()">
65 <input type="button" name="submit3" value="提交给3.asp" onclick="tosubmit3()">
66 </form>
67 方法二：使用多个button按钮，定义每个按钮的onclick事件的处理过程，不需要判断按钮的value值，而直接定义form表单的action值，代码比较简单，如下：
68 <form name="submitform2" action="" method="post" target="_blank">
69 <input name="submit1" value="提交给1.asp" type="button" onclick="submitform2.action='1.asp';submitform2.submit();">
70 <input name="submit2" value="提交给1.asp" type="button" onclick="submitform2.action='2.asp';submitform2.submit();">
71 <input name="submit3" value="提交给1.asp" type="button" onclick="submitform2.action='3.asp';submitform2.submit();">
72 </form>
73 方法三：同样使用多个button按钮，也同样为每个按钮设计一个onclick事件子过程，不同的是使用switch case语句来判断button按钮的value值，从而作相应的处理，代码如下：
74 <form name="submitform3" action="" method="post" target="_blank">
75 <input type="submit" name="submit1" value="提交给1.asp" onclick="dothis(this)">
76 <input type="submit" name="submit2" value="提交给2.asp" onclick="dothis(this)">
77 <input type="submit" name="submit3" value="提交给3.asp" onclick="dothis(this)">
78 </form>
79 <script language="javascript">
80 function dothis(obj)
81 {
82 switch(obj.value)
83 {
84 case "提交给1.asp":
85 document.submitform3.action="1.asp";
86 break;
87 case "提交给2.asp":
88 document.submitform3.action="2.asp";
89 break;
90 case "提交给3.asp":
91 document.submitform3.action="3.asp";
92 break;
93 }
94 }
95 </script>
96


1 <script language="javascript">
2 //点击提交按钮触发下面的函数
3 function submitit(){
4 //第一个表单
5    var tform1= document.getElementById("formid1");
6 //第二个表单
7    var tform2= document.getElementById("formid2");
8
9
10 //提交第一个表单
11   tform1.submit();
12 //提交第二个表单
13   tform2.submit();
14
15
16 }
17
18 </script>
19
20
21 <!--  第一个表单,方法为post,会触发后台的login.do对应的servlet ,提交到_hiddenframe1里了，即login.do返回的结果会隐藏在_hiddenframe1中-->
22 <form name="form1" id="formid1" action="login.do" method="post"  target="_hiddenframe1">
23     <input type="text" name="tname" value="张三">
24     <input type="button" name="tsub" value="提交" onClick="javascript:submitit();">
25 </form>
26
27 <!--  第二个表单,方法为post,会触发后台的sms.do对应的servlet ,提交到_hiddenframe2里了，即sms.do返回的结果会隐藏在_hiddenframe2中.其中通过style="display:none;"进行了隐藏。 -->
28
29 <form name="from2" id="formid2" action="sms.do" method="post" style="display:none;"  target="_hiddenframe2">
30     <input type="text" name="tname" value="王五">
31 </form>
32
33
34 <!-- 加入了style="display:none;"用于隐藏 -->
35 <iframe name="_hiddenframe1" style="display:none;"></iframe>
36
37 <iframe name="_hiddenframe2"></iframe>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航