首页 > 代码库 > 实现同时提交多个form(基础方法) 收集(转)

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

方法一:
<!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="http://www.mamicode.com/查询1" type="submit" onclick="form1.action=‘action_1‘;form1.submit();"/>
    <input type="button" value="http://www.mamicode.com/查询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="http://www.mamicode.com/修改" onClick="modify()">
    <INPUT Type="Button" Name="Delete" Value="http://www.mamicode.com/删除" onClick="delete()">
</form>
这样可以实现将多个按钮发送到不同的网页中。
</body>
</html>

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

通过这个方法,test.do无法读取args,必须换成以下写法
<form action="test.do"> 
   <input type="hidden" name="args" value="http://www.mamicode.com/888">
   <input type="button" value="http://www.mamicode.com/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="http://www.mamicode.com/提交到1.asp" onclick="sm1()" />   
25     <input name="bt2" type="button" id="bt2" value="http://www.mamicode.com/提交到2.asp" onclick="sm2()" />   
26 </form>   
27 </body>   
28 </html>  
29 =============================================================================
30 用JS提交吧。
31 <input type=‘button‘ value=http://www.mamicode.com/‘aa‘ onclick="dosubmit(‘show‘)" />
32 <input type=‘button‘ value=http://www.mamicode.com/‘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="http://www.mamicode.com/提交给1.asp" onclick="tosubmit1()"> 
64 <input type="button" name="submit2" value="http://www.mamicode.com/提交给2.asp" onclick="tosubmit2()">
65 <input type="button" name="submit3" value="http://www.mamicode.com/提交给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="http://www.mamicode.com/提交给1.asp" type="button" onclick="submitform2.action=‘1.asp‘;submitform2.submit();">
70 <input name="submit2" value="http://www.mamicode.com/提交给1.asp" type="button" onclick="submitform2.action=‘2.asp‘;submitform2.submit();">
71 <input name="submit3" value="http://www.mamicode.com/提交给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="http://www.mamicode.com/提交给1.asp" onclick="dothis(this)">
76 <input type="submit" name="submit2" value="http://www.mamicode.com/提交给2.asp" onclick="dothis(this)">
77 <input type="submit" name="submit3" value="http://www.mamicode.com/提交给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="http://www.mamicode.com/张三">  
24     <input type="button" name="tsub" value="http://www.mamicode.com/提交" 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="http://www.mamicode.com/王五">  
31 </form>  
32   
33   
34 <!-- 加入了style="display:none;"用于隐藏 -->  
35 <iframe name="_hiddenframe1" style="display:none;"></iframe>  
36   
37 <iframe name="_hiddenframe2"></iframe>  

 

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