首页 > 代码库 > 实现同时提交多个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(基础方法) 收集(转)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。