您的位置：首页 > 其它

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

2015-01-30 17:30 281 查看

Js代码

<script language="javascript">

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

function submitit(){

//第一个表单

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

//第二个表单

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

//提交第一个表单

tform1.submit();

//提交第二个表单

tform2.submit();

}

</script>



<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>



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

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

</form>



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

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

[js] view
plaincopy

<script language="javascript">

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

function submitit(){

//第一个表单

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

//第二个表单

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

//提交第一个表单

tform1.submit();

//提交第二个表单

tform2.submit();

}

</script>



<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>



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

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

</form>



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

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

除上面原始的方法外，目前的ajax技术就能很方便的实现多个表单提交。可以使用目前广泛被使用的jQuery框架。

一个表单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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航