1.document.byID
2.$.(id).val
3给表单起个名字
4 a标签中为了保险要写"javascript: ;
< a href=“javascript:toPage(${pageIndex-1 });”>上一页< /a>
function toPage(pageIndex){
frm.pageIndex.value= pageIndex;
}
< form name=“frm” action=“ToPageServlet” method=“post”>
< input type=“hidden” name=“pageIndex”>
分页将表单的值再点击每一页是都获取到,传入到servlet.
<%@ page language=“java” contentType=“text/html; charset=UTF-8”
pageEncoding=“UTF-8”%>
<%@ taglib uri=“http://java.sun.com/jsp/jstl/core” prefix=“c”%>
< !DOCTYPE html>
< html>
< head>
< meta charset=“UTF-8”>
< title>Insert title here
< style type=“text/css”>
table{
border-collapse:collapse;
width:800px;
margin-top:100px;
}
th{
background-color:#bbb;
}
.tr:hover{
background-color:#ddd;
}
< /style>
< script type=“text/javascript”>
function toPage(pageIndex){
frm.pageIndex.value= pageIndex;
frm.submit();
}
< /script>
< /head>
< body>
< form name="frm" action="ToPageServlet" method="post">
ename:< input type="text" name="ename" value="${param.ename}">
job:< input type="text" name="job" value="${param.job}">
sal:< input type="text" name="sal" value="${param.sal}">
deptno:< input type="text"name="deptno" value="${param.deptno}">
< input type="hidden" name="pageIndex">
<button>查询</button>
</form>
<table cellspacing="0" cellpadding="0">
<tr>
<th>empno</th>
<th>ename</th>
<th>job</th>
<th>mgr</th>
<th>hiredate</th>
<th>sal</th>
<th>comm</th>
<th>deptno</th>
</tr>
<c:choose>
<c:when test="${empty list}">
<tr class="tr">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</c:when>
<c:otherwise>
<c:forEach items="${list}" var="emp">
<tr class="tr">
<td>${emp.empno }</td>
<td>${emp.ename }</td>
<td>${emp.job }</td>
<td>${emp.mgr }</td>
<td>${emp.hiredate}</td>
<td>${emp.sal}</td>
<td>${emp.comm }</td>
<td>${emp.deptno}</td>
</tr>
</c:forEach>
</c:otherwise>
</c:choose>
</table>
<c:if test="${pageCount != 0}">
<c:if test="${pageIndex!=1}">
<a href="javascript:toPage(1);" target="_blank" rel="external nofollow" >首页</a>
<a href="javascript:toPage(${pageIndex-1 });" target="_blank" rel="external nofollow" >上一页</a>
</c:if>
<c:forEach begin="1" end="${pageCount}" var="i">
<c:choose>
<c:when test="${pageIndex==i}">
<font>${i}</font>
</c:when>
<c:otherwise>
<a href="javascript:toPage(${i});" target="_blank" rel="external nofollow" >${i}</a>
</c:otherwise>
</c:choose>
</c:forEach>
<c:if test="${pageIndex!=pageCount }">
<a href="javascript:toPage(${pageIndex+1});" target="_blank" rel="external nofollow" >下一页</a>
<a href="javascript:toPage(${pageCount});" target="_blank" rel="external nofollow" >末页</a>
</c:if>
</c:if>
< /body>
< /html>