实现同时提交多个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="查询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

 一个表单form、submit提交到多个不同页面  

 在做管理页面的时候常常遇到这样的情况：全选所有列表，然后进行多个操作（删除、转移等），这样每条记录做一个表单比较麻烦，HTML代码太多而且操作复杂。通常会遇到了一个表单提交到不同的处理页面，比如执行删除的delete.asp 或者move.asp 。上网找了下资料，大多数方法都是通过Javascipt来实现了以上的功能，代码如下。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

 <title>一个表单、多个提交按钮、提交到多个不同页面</title>

 </head>   

 <script>

 function sm1(){

 document.getElementById("form_78").action="1.asp";

 document.getElementById("form_78").submit();

 }

 function sm2(){

 document.getElementById("form_78").action="2.asp";

 document.getElementById("form_78").submit();

 }

 </script>

 <form action="" method="post" name="form_78" id="form_78">

     <input name="mytext" type="text" id="mytext" />

     <input name="bt1" type="button" id="bt1" value="提交到1.asp" onclick="sm1()" />

     <input name="bt2" type="button" id="bt2" value="提交到2.asp" onclick="sm2()" />

 </form>

 </body>

 </html>

 =============================================================================

 用JS提交吧。

 <input type='button' value='aa' onclick="dosubmit('show')" />

 <input type='button' value='aa' onclick="dosubmit('js')" />

 <script>

 function dosubmit(otype){

 document.myform.action='123.asp?otype=' + otype;

 document.myform.submit();

 }

 </script>

 ==================================================================================

 JS一个表单提交到多个页面的方法汇总

 作者：bcw52    文章来源：网络    点击数：71    更新时间：2010-12-3

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

 <script language="JavaScript">

 function tosubmit1()

 {

 document.submitform1.action="1.asp";

 document.submitform1.submit();

 }

 function tosubmit2()

 {

 document.submitform1.action="2.asp";

 document.submitform1.submit();

 }

 function tosubmit3()

 {

 document.submitform1.action="3.asp";

 document.submitform1.submit();

 }

 </script>

 </head>

 <form name="submitform1" action="" method="post" target="_blank">

 <input type="button" name="submit1" value="提交给1.asp" onclick="tosubmit1()">

 <input type="button" name="submit2" value="提交给2.asp" onclick="tosubmit2()">

 <input type="button" name="submit3" value="提交给3.asp" onclick="tosubmit3()">

 </form>

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

 <form name="submitform2" action="" method="post" target="_blank">

 <input name="submit1" value="提交给1.asp" type="button" onclick="submitform2.action='1.asp';submitform2.submit();">

 <input name="submit2" value="提交给1.asp" type="button" onclick="submitform2.action='2.asp';submitform2.submit();">

 <input name="submit3" value="提交给1.asp" type="button" onclick="submitform2.action='3.asp';submitform2.submit();">

 </form>

 方法三：同样使用多个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":

 document.submitform3.action="3.asp";

 break;

 }

 }

 </script>

 <script language="javascript">

 //点击提交按钮触发下面的函数

 function submitit(){

 //第一个表单

    var tform1= document.getElementById("formid1");

 //第二个表单

    var tform2= document.getElementById("formid2");  

 //提交第一个表单

   tform1.submit();

 //提交第二个表单

   tform2.submit();  

 }  

 </script>  

 <!--  第一个表单,方法为post,会触发后台的login.do对应的servlet ,提交到_hiddenframe1里了，即login.do返回的结果会隐藏在_hiddenframe1中-->

 <form name="form1" id="formid1" action="login.do" method="post"  target="_hiddenframe1">

     <input type="text" name="tname" value="张三">

     <input type="button" name="tsub" value="提交" onClick="javascript:submitit();">

 </form>  

 <!--  第二个表单,方法为post,会触发后台的sms.do对应的servlet ,提交到_hiddenframe2里了，即sms.do返回的结果会隐藏在_hiddenframe2中.其中通过style="display:none;"进行了隐藏。 -->  

 <form name="from2" id="formid2" action="sms.do" method="post" style="display:none;"  target="_hiddenframe2">

     <input type="text" name="tname" value="王五">

 </form>  

 <!-- 加入了style="display:none;"用于隐藏 -->

 <iframe name="_hiddenframe1" style="display:none;"></iframe>  

 <iframe name="_hiddenframe2"></iframe>

实现同时提交多个form(基础方法) 收集（转）的更多相关文章

实现同时提交多个form(基础方法) 收集
实现同时提交多个form(基础方法) 收集分类: 1.2-JSP 1.3-J2EE 1.1J2se 1.0-Java相关2011-12-01 20:59 1644人阅读评论(0) 收藏举报 bu ...
js实现无刷新表单提交文件，将ajax请求转换为form请求方法
最近在做项目的时候遇到一个需要上传文件的需求,因为ajax请求是无法上传二进制文件流的,所以只能用form表单提交,而form提交有一个问题就是会使页面刷新,本文解决了form表单提交文件时页面刷新的 ...
asp.net.mvc 中form表单提交控制器的2种方法和控制器接收页面提交数据的4种方法
MVC中表单form是怎样提交? 控制器Controller是怎样接收的? 1..cshtml 页面form提交 (1)普通方式的的提交
form（form基础、标签渲染、错误显示重置信息、form属性、局部钩子、全局钩子）
form基础 Django中的Form使用时一般有两种功能: 1.生成html标签 2.验证输入内容要想使用django提供的form,要在views里导入form模块 from django im ...
Jquery ajax提交表单几种方法
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...
ASP.NET 中HTML和Form辅助方法
Form辅助方法 Form最重要的属性就是action和method,action指明form中的数据被提交到哪里,method指明用什么方法,默认为GET,下面是一个简单的例子: <form ...
js的form基础知识点
在HTML 中,表单是由<form>元素来表示的,而在JavaScript 中,表单对应的则是HTMLForm-Element 类型.HTMLFormElement 继承了HTMLElem ...
Jquery ajax提交表单几种方法详解
[导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...
Ajax表单提交插件jquery form
jQuery Form插件是一个优秀的Ajax表单插件,我们可以非常容易的使用它处理表单控件的值,清空和复位表单控件,附件上传,以及完成Ajax表单提交. jQuery Form有两个核心方法ajax ...

随机推荐

安装mysql数据库中的技巧、错误排查
针对解压版本5.7.16(博主使用的这个版本.在某些低版本中部分命令失效) 一.安装.初始化data目录(解压版解压后没有data目录) 安装:配置path环境变量,然后管理员运行命令提示符cmd ...
一致性hash演示
看到点关于一致性hash的说明,觉得挺有意思,就想体验一下. 上代码看看,体会一下在一致性hash环境下的cache和获取. 因为是小代码演示,没有很细致,包括hash函数就是用取余操作,但活生生的显 ...
IdentityServer4在Asp.Net Core中的应用(三)
今天的内容是授权模式中的简化模式,还是先看以下授权流程图: 在这种模式中我们将与OpenID结合使用,所以首先我们要了解OpenID和OAuth的区别,关于他们的区别,在我上一篇博客<理解Ope ...
Linux命令详解-mkdir
linux mkdir 命令用来创建指定的名称的目录,要求创建目录的用户在当前目录中具有写权限,并且指定的目录名不能是当前目录中已有的目录. 1．命令格式: mkdir [选项] 目录... 2．命令 ...
opencv 图片降噪
—— # -*- coding: utf-8 -* import numpy as np import cv2 cap = cv2.VideoCapture(0) while True: _ , fr ...
Linux 策略路由配置
策略路由配置 #编辑rt_tables echo "192 net_192 " >> /etc/iproute2/rt_tables echo "196 ne ...
iOS自动化探索（七）自动化测试框架pytest - 测试报告
这里我们单独来看下关于如何生存测试报告准备测试代码如下: #coding: utf- import pytest @pytest.fixture() def login(): print '输入账号 ...
FreeMarker初探--介绍
FreeMarker是一个用Java语言编写的模板引擎,它基于模板来生成文本输出.FreeMarker与Web容器无关,即在Web运行时,它并不知道Servlet或HTTP.它不仅可以用作表现层的实现 ...
普通用户开通sudo权限：xxx is not in the sudoers file.This incident will be reported.的解决方法
1.切换到root用户下,怎么切换就不用说了吧,不会的自己百度去. 2.添加sudo文件的写权限,命令是: chmod u+w /etc/sudoers 3.编辑sudoers文件 vi /etc/s ...
CSS: rem
.rem是(font size of the root element) 一般都是body的font-size为基准,即rem是相对于根元素. 字体单位根据html根元素大小而定,同样可以作为宽度, ...

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

实现同时提交多个form(基础方法) 收集（转）的更多相关文章

随机推荐

热门专题