给下拉列表绑定一个onchange事件?
我在jsp中，查询数据库，得到的数据我分了一下页，然后写了一个下拉列表狂：转至第x页，我想当我点开下拉列表选择某一页的时候，页面自动跳转到我指定的页面！具体代码应该怎样实...
我在jsp中，查询数据库，得到的数据我分了一下页，然后写了一个下拉列表狂：转至第 x 页，我想当我点开下拉列表选择某一页的时候，页面自动跳转到我指定的页面！具体代码应该怎样实现？
展开
展开全部
1、你要知道总的页数，然后在下拉框里面从第一页到最后一页列出来。
2、如果是直接从数据库拿的话，简单点就将这个页数通过表单提交到jsp，接受到相应的页数之后，就在数据库中找到相应的数据。
下面是是个例子，你可以参考一下：
<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%int pageNo; int totlePage;%>
<%
int pageSize = 5;//设置页面大小
String strPageNo = request.getParameter("pageNo");//提交过来的页面数（字符串 ）
if (strPageNo == null || strPageNo.equals("")) {//如果为空或者空串默认为第一页
pageNo = 1;
} else {
try {
pageNo = Integer.parseInt(strPageNo.trim());//其他情况是传进来的页数
} catch (NumberFormatException e) {
pageNo = 1;//出现不是数字的默认第一页
}
if (pageNo <= 0)//小于0的是第一页
pageNo = 1;
}
//连接数据库 ，这里是mysql
Class.forName("com.mysql.jdbc.Driver");
String url = "jdbc:mysql://localhost/iar?user=root&password=123";
Connection con = DriverManager.getConnection(url);
//得到总的记录数
Statement stm2 = con.createStatement();
ResultSet rsCount = stm2.executeQuery("select count(*) from t_iar");
rsCount.next();
int totleRecords = rsCount.getInt(1);
rsCount.close();
//得到总页数
totlePage = totleRecords%pageSize==0? totleRecords/pageSize: totleRecords/pageSize+1;
//选出相应的数据，mysql里用的是limit
Statement stm = con.createStatement();
String sql = "select * from t_iar limit "+(pageNo-1)*pageSize+","+pageSize;
ResultSet rs = stm.executeQuery(sql);
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>TEST</title>
</head>
<body>
<!-- 显示数据库内容 -->
<table border="1" align="center">
<tr>
<td>ID</td>
<td>NAME</td>
<td>TIME</td>
</tr>
<% while(rs.next()){
%>
<tr>
<td><%= rs.getInt("id") %></td>
<td><%= rs.getString("name") %></td>
<td><%= rs.getString("date") %></td>
</tr>
<% }%>
</table>
<form name="form1" action="test.jsp">
<div>
<select name="pageNo" onChange="document.form1.submit()" style="text-align:center; size:80px; background:#999999; margin:auto 50%;" >
<%
for(int i=1; i<=totlePage; i++) {
%>
<option value=<%=i%> <%=(pageNo == i) ? "selected" : ""%>> 第<%=i%>页</option>
<%
}
%>
</select>
</div>
</form>
</body>
</html>
2、如果是直接从数据库拿的话，简单点就将这个页数通过表单提交到jsp，接受到相应的页数之后，就在数据库中找到相应的数据。
下面是是个例子，你可以参考一下：
<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%int pageNo; int totlePage;%>
<%
int pageSize = 5;//设置页面大小
String strPageNo = request.getParameter("pageNo");//提交过来的页面数（字符串 ）
if (strPageNo == null || strPageNo.equals("")) {//如果为空或者空串默认为第一页
pageNo = 1;
} else {
try {
pageNo = Integer.parseInt(strPageNo.trim());//其他情况是传进来的页数
} catch (NumberFormatException e) {
pageNo = 1;//出现不是数字的默认第一页
}
if (pageNo <= 0)//小于0的是第一页
pageNo = 1;
}
//连接数据库 ，这里是mysql
Class.forName("com.mysql.jdbc.Driver");
String url = "jdbc:mysql://localhost/iar?user=root&password=123";
Connection con = DriverManager.getConnection(url);
//得到总的记录数
Statement stm2 = con.createStatement();
ResultSet rsCount = stm2.executeQuery("select count(*) from t_iar");
rsCount.next();
int totleRecords = rsCount.getInt(1);
rsCount.close();
//得到总页数
totlePage = totleRecords%pageSize==0? totleRecords/pageSize: totleRecords/pageSize+1;
//选出相应的数据，mysql里用的是limit
Statement stm = con.createStatement();
String sql = "select * from t_iar limit "+(pageNo-1)*pageSize+","+pageSize;
ResultSet rs = stm.executeQuery(sql);
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>TEST</title>
</head>
<body>
<!-- 显示数据库内容 -->
<table border="1" align="center">
<tr>
<td>ID</td>
<td>NAME</td>
<td>TIME</td>
</tr>
<% while(rs.next()){
%>
<tr>
<td><%= rs.getInt("id") %></td>
<td><%= rs.getString("name") %></td>
<td><%= rs.getString("date") %></td>
</tr>
<% }%>
</table>
<form name="form1" action="test.jsp">
<div>
<select name="pageNo" onChange="document.form1.submit()" style="text-align:center; size:80px; background:#999999; margin:auto 50%;" >
<%
for(int i=1; i<=totlePage; i++) {
%>
<option value=<%=i%> <%=(pageNo == i) ? "selected" : ""%>> 第<%=i%>页</option>
<%
}
%>
</select>
</div>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
