一个表单中有编辑和删除两个按钮分别调用后台action的不同方法

最新推荐文章于 2026-04-21 08:30:00 发布

原创最新推荐文章于 2026-04-21 08:30:00 发布 · 1.7k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

问题集合

本文介绍如何在JSP表单中处理编辑和删除操作，由于表单只有一个submit方法，故采用button结合onclick事件的JavaScript方法来分别调用后台不同Action实现功能。

具体代码实现：

jsp：页面开头：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'bookdesc.jsp' starting page</title>

   .............

  <script type="text/javascript">
    function edit(){
        var aaa = document.getElementById("form1");
        aaa.action="<%=basePath%>/adminBook/edit.action";
        aaa.submit();
    }
    function del(){
        var aaa = document.getElementById("form1");
        aaa.action="<%=basePath%>/adminBook/delete.action";
        aaa.submit();
    }
  </script>
  </head>

  <body>
  <div>
    <img src="<c:url value='/${book.image }'/>" border="0"/>
  </div>
  <form id="form1" action='<c:url value='/adminBook/edit.action'/>' style="margin:20px;" method="post">
    <input type="hidden" name="bid" value="${book.bid }"/>
    <input type="hidden" name="image" value="${book.image }"/>
    图书名称：<input type="text" name="bname" value="${book.bname }"/><br/>
    图书单价：<input type="text" name="price" value="${book.price }"/>元<br/>
    图书作者：<input type="text" name="author" value="${book.author }"/><br/>
    图书分类：<select style="width: 150px; height: 20px;" name="cid">
    <c:forEach items="${categoryList }" var="c">
         <option value="${c.cid }" <c:if test="${c.cid eq book.category.cid }">selected="selected"</c:if>>${c.cname }</option>
    </c:forEach>        
          </select><br/>
    <input type="button" value="编辑" onclick="edit()"/>
    <input type="button" value="删除" onclick="del()"/> 
  </form>
  </body>
</html>