浅析一个表单多个Submit按钮的简单实现方法

更新时间:2023-06-29 19:55:28 阅读: 评论:0

如下设置来实现:
<form action=”aa.jsp” method=”post”>
3 一个表单多个Submit按钮的实现方法
通常一个表单多个Submit按钮的情况多出现于Web程序的后台管理系统中,一般都是同时出现二个或三个Submit按钮,如图1所示的用户管理程序中就使用了三个Submit按钮。
在图1中,当点击其中的任一个Submit按钮时,程序应该如何执行呢?如果按照一个表单单个Submit按钮的实现方法,通过<form>标记中的action属性来指定处理程序那肯定不行,因为该action属性只对应到一种处理程序。所以当一个表单中有多个Submit按钮时就只能另想它法。下面将介绍三种简单而常用的实现方法。
方法一:使用Javascript函数。此方法又分两种情形,一种是每个Submit按钮对应不同的Javascript函数;另一种是所有Submit按钮使用同一个Javascript函数,但对应不同的函数参数。
(1)每个Submit按钮对应不同的Javascript函数   这种情形,我们首先要定义几个不同的Javascript函数,然后在每个Submit按钮的标记中设置onClick的属性值为该按钮需用到的Javascript函数名。如,以实现图1所示结果为例,主要实现代码设置如下:
路迎
<script language="javascript">function add(){
document.form1.action="user_add.jsp"}
function update(){
document.form1.action="user_update.jsp"
浅析一个表单多个
Submit按钮的简单实现方法
聂常红  广州大学华软软件学院  510990
1 引言
现在,几乎没有哪个Web网站不涉及到表单,有表单则必然要用到Submit或button按钮来提交表单内容。我们经常看到表单中的实现提交功能的按钮的个数不外乎有这么几种情况:一个表单单个具有提交功能的按钮;以及一个表单中多个具有提交功能的按钮。对于这些具有不同个数的
具有提交功能的按钮的表单,我们的处理方法是一样吗?回答是否定的。我们知道,对于第一种情况的处理可以很容易实现,它只需使用<form>标记中的action属性就可以达到目的。然而,对第二种情况的处理,如果还是按照第一种情况的提交实现方法,那绝对是行不通的,因为一个action属性只对应到一种处理程序。那么要实现表单中多个提交按钮的功能该采取什么办法呢?本文将就此提出几个简单而常用的解决方案。
2 一个表单单个Submit按钮的实现方法
我们知道,对于一个表单单个Submit按钮的实现方法很简单,它只需将<form>标记中action的属性值设置成事件处理程序名就可以。例如,需要将表单内容提交给aa.jsp(该文件与表单页面在同一文件夹中)程序进行处理,则可以按
最可爱的图片}疯狂保龄球
function delete1(){
if(confirm("确定要删除吗?一旦删除将不能恢复!")){
 document.form1.action="user_delete.jsp"
}}
自动喷水灭火系统
</script>
<form name="form1" method="post"action="">
     <input type=submitonclick="add()" value="新 增">
     <input type=submitonclick="update()" value="修 改">
大卖点
     <input type=submitonclick="delete1()" value="删 除">
</form>
(2)所有Submit按钮使用一个带参数的Javascript函数   这种情形,我们首先是定义一个带参数的Javascript函数,然后在每个Submit按钮的标记中设置onClick的属性值为该Javascript函数名,同时设置每个Submit按钮对应不同的函数实参。同样以实现图1所示结果为例,则主要实现代码设置如下:
<script language="javascript">function is_submit(value){if(value==1){
document.form1.action="user_add.jsp"}
if(value==2){
图1  一个表单三个Submit按钮ion后缀
document.form1.action="user_update.jsp"
if(value==3){
if(confirm("确定要删除吗?一旦删除将不能恢复!")){
document.form1.action="user_delete.jsp";
}}}
</script>
<form name="form1" method="post"action="">
     <input type=submitonclick="is_submit(1)" value="新 增">
     <input type=submitonclick="is_submit(2)" value="修 改">
     <input type=submitonclick="is_submit(3)" value="删 除">
</form>
方法二:直接在Submit按钮标记的onclick属性中嵌入脚本语句,例如对图1所示结果的主要实现代码如下:
<form name="form1" method="post"action="">
     <input type=submitonclick="javascript:document.form1.action='user_add.jsp'" value="新 增">
     <input type=submitonclick="javascript:document.form1.action='user_update.jsp'" value="修 改">
     <input type=submitonclick="javascript:document.form1.action='user_delete.jsp'" value="
删 除">
</form>
箱子英语
方法三:在页面中添加一个hidden标记,在每个Submit按钮标记的onclick属性中设置这个hidden标记value值。然后在action事件处理程序中根据页面传过来的hidden标记的value值来判断是哪个Submit按钮的事件,进而执行所触发的事件。例如对图1所示结果的实现代码设置如下:
在表单页面中的代码设置:
<form name="form1" method="post"action="">
     <input type=hiddenname="command">冉伯牛
     <input type=submitonclick="command.value = 'add';"
也增强了比赛的观赏性。
6 结束语
本文给出了基于Petri网的足球机器人角色转换模型,并针对角色转换冲突问题设计了一套动态角色分配协议,有效地解决了足球机器人在动态复杂环境下完成任务的效率。随着去年Robocu
p中国公开赛在苏州的成功举办,今后的工作重点将是4对4中型组机器人比赛,2对2机器人将不再是比赛项目,如何很好地将角色转换模型应用到多机器人比赛中是成功的关键。

本文发布于:2023-06-29 19:55:28,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1068710.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:按钮   表单   实现   提交   角色
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图