Javascript_设置表单的提交地址

最新推荐文章于 2022-12-10 16:33:49 发布

高达一号

最新推荐文章于 2022-12-10 16:33:49 发布

阅读量6.1k

点赞数 2

分类专栏： JavaScript应用

本文链接：https://blog.csdn.net/u010003835/article/details/50288667

版权

JavaScript应用专栏收录该内容

21 篇文章 1 订阅

订阅专栏

我们常常遇到这样的问题，需要将数据提交到指定的地址，但是form的action只能设置为1个值，这时候如在一个页面上添加删除操作等，就可以通过js 效果来完成。

重要代码：

<script type="text/javascript">
function deleteItems(){
	document.forms['itemsForm'].action = "${pageContext.request.contextPath }/items/deleteItems.action";
	document.forms['itemsForm'].submit();
}
function queryItems(){
	document.forms['itemsForm'].action = "${pageContext.request.contextPath }/items/queryItems.action";
	document.forms['itemsForm'].submit();
}
</script>

示例代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!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>查询商品列表</title>
<script type="text/javascript">
function deleteItems(){
	document.forms['itemsForm'].action = "${pageContext.request.contextPath }/items/deleteItems.action";
	document.forms['itemsForm'].submit();
}
function queryItems(){
	document.forms['itemsForm'].action = "${pageContext.request.contextPath }/items/queryItems.action";
	document.forms['itemsForm'].submit();
}
</script>
</head>
<body>
	<form
		name ="itemsForm"
		action=""
		method="post">
		查询条件：
		<table width="100%" border=1>
			<tr>
				<td><input type="button" value="查询" οnclick="queryItems()"/></td>
				<td><input type="text" name="itemsEx.name"/></td>
				<td><input type="button" value="批量删除" οnclick="deleteItems()"/></td>
			</tr>
		</table>
		<a href="${pageContext.request.contextPath }/items/addItems.action">新增商品</a><br>
		商品列表：
		<table width="100%" border=1>
			<tr>
				<td>操作</td>
				<td>商品名称</td>
				<td>商品价格</td>
				<td>生产日期</td>
				<td>商品描述</td>
				<td>操作</td>
			</tr>
			<c:forEach items="${itemsList }" var="item">
				<tr>
					<td><input type="checkbox" name="items_id" value="${item.id }"></td>
					<td>${item.name }</td>
					<td>${item.price }</td>
					<td><fmt:formatDate value="${item.createtime }"
							pattern="yyyy-MM-dd HH:mm:ss" /></td>
					<td>${item.detail }</td>
					<td><a
						href="${pageContext.request.contextPath }/items/editItems.action?id=${item.id}">修改</a></td>
				</tr>
			</c:forEach>
		</table>
	</form>
</body>

</html>