用JS实现一个表单多个按钮的方法，两个onclick事件处理，代码如下：
<html>
<head>
<script>
function
submitit1()
//交由程序1处理
{
document.myForm.action
=
"http://www.site.com/cgi1.php"
document.myForm.submit()
}
function
submitit2()
//交由程序2处理
{
document.myForm.action
=
"http://www.site.com/cgi2.php"
document.myForm.submit()
}
</script>
</head>
<body>
<form
name="myForm"
METHOD=POST>
username:<input
type=text
name=text1>
password:<input
type=password
name=text2>
<input
type=button
value="Submit1"
onClick=submitit1()>
<input
type=button
value="Submit2"
onClick=submitit2()>
</form>
</body>
</html>
大家可以结合前一篇《php实现表单多按钮提交action的处理方法》一起学习，可能效果会更好。
1、在html中的表单form设置属性action='#'防止自动提交
2、利用js获取html中表单form，重新设置表单的action
3、action设置完毕后调用form.submit()方法提交表单
4、表单提交后利用window.close()关闭当前窗口
示例：
<form action='#' id="myForm"><input type="text" name="username" value=""/>
<input type="button" value="提交" onclick="subform()"/>
</form>
方法：
function subform(){var form = document.getElementById('myForm')//获取表单dom
form.action="testurl"//重新设置提交url
form.submit()//提交表单
window.close()//关闭窗口
}
用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本，然后再执行相应的动作，比较简单。function
check(txt){
$j("form").submit(function(){
if($txt=="提交"){
this.action="doAddMessage.action?button=提交"
this.submit()
}else{
this.action="doAddMessage.action?button=保存"
this.submit()
}
})
}
例如:页面中有两个图片按钮的提交，我们这个时候可以给他们都绑定onclick事件，这个时候我们借助jquery的form表单有个事件，叫做submit的。
如图，由于，我的项目里面用了dwr,我把jquery的控制权转让给dwr，jquery重新指定
了一个$j,我们获取表单，然后使用submit事件，通过判断value的值，从而可以进行多个页面的跳转。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）