本文参考:http://my.oschina.net/sallency/blog/300568

在开发工作共我们往往会遇到一个表单需要包含多个action不同的提交动作，这时候就不能在使用submit按钮来进行提交了，下面提供通过js来实现这一功能的方法.

示例代码:

<form name="demo" method="post">

<!--YOUR DATA AREA-->

<input type="button" value="添加" onclick="addAction()">

<input type="button" value="删除" onclick="deleteAction()">

<input type="button" value="保存" onclick="saveAction()">

<input type="button" value="查询" onclick="searchAction()">

</form>

<script type="text/javascript">

function addAction(){

    document.demo.action="your add method url";

    document.demo.submit();

}

function deleteAction(){

    document.demo.action="your delete method url";

    document.demo.submit();

}

function saveAction(){

    document.demo.action="your add save url";

    document.demo.submit();

}

function searchAction(){

    document.demo.action="your serach method url";

    document.demo.submit();

}

</script>

//==================

demo中的代码(JSP中的hidden):

 <%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

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

 <title>Insert title here</title>

 <script type="text/javascript">

     function trimStr(str){

         return str.replace(/(^\s*)|(\s*$)/g,"");

     }

     function redisSearchSubmit(){

         document.getElementById("searchtype").value = "Redis查询";

         document.form1.submit();

     }

     function jdbcSearchSubmit(){

         document.getElementById("searchtype").value = "JDBC查询Mysql";

         document.form1.submit();

     }

     function hibernateSearchSubmit(){

         document.getElementById("searchtype").value = "Hibernate查询Mysql";

         document.form1.submit();

     }

     function check(){

         // 节目名

         var assetname = document.form1.assetname.value;

          if(trimStr(assetname) == ""){

             alert("您输入的节目名是空格,请重新输入");

             return false;

         }

         // 导演

         var director = document.form1.director.value;

         // 编剧

         var screenwriter = document.form1.screenwriter.value;

         //主演

         var actor = document.form1.actor.value;

     }

 </script>

 </head>

 <body>

 <h1>查询页面</h1>

     <FORM name="form1" METHOD=POST ACTION="${ pageContext.request.contextPath }/redisSqlSearch" onsubmit="return check();">

     <input type="hidden" name="searchtype" id="searchtype" value="" />

         <TABLE border="1" width="500">

         <TR>

             <TD>节目名称</TD>

             <TD><INPUT TYPE="text" NAME="assetname" value=""></TD>

         </TR>

         <TR>

             <TD>导演</TD>

             <TD><INPUT TYPE="text" NAME="director" value="冯小刚"></TD>

         </TR>

         <TR>

             <TD>编剧</TD>

             <TD><INPUT TYPE="text" NAME="screenwriter" value="顾晓阳"></TD>

         </TR>

         <TR>

             <TD>主演</TD>

             <TD><INPUT TYPE="text" NAME="actor" value="葛优"></TD>

         </TR>

         <TR>

             <TD colspan="2">

                 <INPUT TYPE="button" value="Redis查询" onclick="redisSearchSubmit()">

                 <INPUT TYPE="button" value="JDBC查询Mysql" onclick="jdbcSearchSubmit()">

                 <INPUT TYPE="button" value="Hibernate查询Mysql" onclick="hibernateSearchSubmit()">

             </TD>

         </TR>

         </TABLE>

     </FORM>

 </body>

 </html>

Form表单中不同的按钮进行不同的跳转的更多相关文章

  1. form表单中的button按钮

    如果在form表单中 , 存在button元素,button元素就充当了submit的角色

  2. 如何阻止form表单中的button按钮提交

    <form action="#" method="post"> <input type="text" name=" ...

  3. form表单中新增button按钮，点击按钮表单会进行提交

    原生button控件,在非ie浏览器下,如果不指定type,默认为submit类型.如果不想自动提交表单,指定type=“button”

  4. 在一个form表单中根据不同按钮实现多个action事件

    <form id="writeForm" method="post"> <div class="write-btn-tj" ...

  5. 关于form表单中button按钮自动提交问题

    坑:点击确认按钮,form表单提交2次,发送后台2次请求 //错误代码: <Button id="btnSubmit" name="btnSubmit" ...

  6. form表单中button按钮返回上一页解决办法

    解决Form中button按钮不好用的问题解决办法. 方法一: 1.在Form表单标签中国增加一个属性,如下图,红框处 2.返回按钮样式 3.onclick方法需要跳转的页面,遮挡处为需要返回的页面 ...

  7. form表单中多个button按钮必须声明type类型

    最近在做一个后台管理系统,发现了一个小bug: 问题描述:form表单中有多个button按钮(以下图为例),如果第一个button不写type属性,那么点击第一个button按钮会触发submit事 ...

  8. dwz的form表单中url的变量替换

    form表单中action的地址格式 “__URL__/edit/{xxx}”,大括号内的 “xxx” 就是变量名,主要功能是结合table组件一起使用. 下图中的删除.编辑.修改密码都是用了url变 ...

  9. form表单reset重置按钮

    如果ajax提交完数据,后想清空表单内容 ,以前都是用这个方法$("#id").val(""); 一个一个清空的,其实可以在form表单中加个隐藏的<in ...

随机推荐

  1. git——^和~的区别（转）

    原文地址: http://www.cnblogs.com/softidea/p/4967607.html 一. 引子 在git操作中,我们可以使用checkout命令检出某个状态下文件,也可以使用re ...

  2. 查阅Springboot官方文档方式----------------Springboot2.0.2最新稳定版

    1.登录官方网址: https://spring.io/ 如图所示: 2.选择PROJECTS,就可以看到spring所有的相关项目了. 点开后:其中就包括了Spingboot 3.版本选择,红圈部分 ...

  3. Redis集群master选举时长测试

    在一台物理机上启动6个Redis实例,组成3主3从集群,端口号依次为:1379 ~ 1384,端口号1379.1380和1384三个为master,端口1379的进程ID为17620.现将进程1762 ...

  4. chrome常用小插件

    1.广告终结者                    (去广告) 2.adsafe2.0.1                  (去广告) 3.Infinity New Tab           ( ...

  5. 点聚weboffice插件自定义菜单

    https://blog.csdn.net/u014547764/article/details/53818637 1.在jsp中引用excel插件:首先项目中要有:WebOffice.zip.web ...

  6. cxGrid单元格获得输入焦点

    cxGrid单元格获得输入焦点   cxGrid单元格获得输入焦点 cxGrid1.SetFocus;cxGrid1DBTableView1.Controller.EditingController. ...

  7. Kali Linux渗透测试实战 2.2 操作系统指纹识别

    目录 2.2 操作系统指纹识别 2.2.1 Banner抓取 2.2.2 TCP 和 ICMP 常规指纹识别技术 TCP数据报格式 ICMP首部格式 TTL与TCP窗口大小 FIN探测 BOGUS f ...

  8. 关于质能等效的两个思想实验 Two Ideological Experiments on Mass-Energy Equivalence

    大家知道,物质和能量是等效的,虽然质能方程已暗示了这种等效关系,但并非显而易见.此等效性可以从以下两个思想实验中获知. 实验一:一台电子称上放置一个金属物体,加热它,称的读数将会略微增加.这是因为金属 ...

  9. Winform文件上传

    近期在做了一个winform的项目的附件上传的需求 最初项目选型的时候有三种 1.使用webservice.webapi上传文件 2,直接保存在数据库中 3.使用共享目录+dos命令 第一种有文件大小 ...

  10. .net core Area独立成单独的dll文件

    以前做MES项目遇到过这个情况,一个项目有7到8个大模块,生产.质量.物耗.电子看板.设备等,每个模块都有大量业务,这样使用mvc结构如果所有模块放在一个目录中,那么势必会产生很多问题,各模块代码不好 ...