实现同时提交多个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 ...
随机推荐
- c#实现任务栏添加控制按钮
Windows7Taskbar的使用 你需要引入3个文件VistaBridgeLibrary.dll.Windows7.DesktopIntegration.dll.Windows7.DesktopI ...
- Entity Framework 基于Oracle的code first 问题汇总
1. 在code first 在数据库中建表时,需要指定schema, 默认是dbo, 需要改成我们的oracle登录名 protected override void OnModelCreating ...
- 一致性hash演示
看到点关于一致性hash的说明,觉得挺有意思,就想体验一下. 上代码看看,体会一下在一致性hash环境下的cache和获取. 因为是小代码演示,没有很细致,包括hash函数就是用取余操作,但活生生的显 ...
- vc++获取系统网卡列表及IP地址信息
#include "stdafx.h" #include <Windows.h> #include <IPHlpApi.h> #include <io ...
- 基于usb4java实现的java下的usb通信
项目地址:点击打开 使用java开发的好处就是跨平台,基本上java的开发的程序在linux.mac.MS上都可以运行,对应这java的那句经典名言:一次编写,到处运行.这个项目里面有两种包选择,一个 ...
- Java接受键盘输入
import java.util.Scanner;//方法1 import java.io.BufferedReader;//方法2 import java.io.IOException;//方法3 ...
- HTML之实现页面缓存
一般来说,对于html页面,一个站点,每个页面都会有相同的公共文件,比如页面的头部.尾部.侧边栏目.公共JS等.访问站点下的每一个页面,相同的公共文件,都需要重复从服务器下载.从性能和带宽角度看,重复 ...
- spring mvc:练习:表单验证(javaConfig配置和注解)
使用Spring表单标签, 表单验证使用 JSR303 的验证注解,hibernate-validators,提供了使用MessageSource和访问静态资源(如CSS,JavaScript,图片) ...
- 数据挖掘之Python调用R包、函数、脚本
Python中集成R :参考博客http://blog.csdn.net/weidelight/article/details/44946785
- linux 使用dd命令清空文件