jsp form表单提交的问题
我这是一个把数据分页的页面，如果点击下一页将会调用JS代码，如下<scripttype="text/javascript">functionJumping(){docum...
我这是一个把数据分页的页面，如果点击下一页将会调用JS代码，如下
<script type="text/javascript">
function Jumping() {
document.PageForm.submit();
return;
}
function gotoPage(pagenum) {
document.PageForm.jumpPage.value = pagenum;
document.pageForm.submit();
return;
}
</script>
from表单提交的页面就是当前的页面，但我点击下一页的时候没有反映，JSP完整代码如下
<%@ page language="java" contentType="text/html; charset=gb2312"
pageEncoding="gb2312"%>
<%@ page import="java.util.*"%>
<%@ page import="jsp.*"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script type="text/javascript">
function Jumping() {
document.PageForm.submit();
return;
}
function gotoPage(pagenum) {
document.PageForm.jumpPage.value = pagenum;
document.pageForm.submit();
return;
}
</script>
<title>管理界面</title>
</head>
<body>
<%
int pageNo = 1;
String strPage = request.getParameter("jumpPage");
if (strPage != null) {
pageNo = Integer.parseInt(strPage);
}
Pagination pageCtl = new UserPage();
pageCtl.setRowsPerPage(5);
pageCtl.setSQL("SELECT * FROM user");
Collection user = pageCtl.getPage(pageNo);
Iterator allUser = user.iterator();
%>
<div>查询结果</div>
<table>
<tr>
<td>帐号</td>
<td>密码</td>
</tr>
<%
while (allUser.hasNext()) {
User ur = (User) allUser.next();
%>
<tr>
<td><%=ur.getAccount()%></td>
<td><%=ur.getPassword()%></td>
</tr>
<%
}
%>
</table>
<form action="display.jsp" method="post" name="pageForm">
每页<%=pageCtl.getRowsPerPage()%>行 共<%=pageCtl.getRowsCount()%>行
第<%=pageNo%>页 <br>
<%
if (pageNo == 1) {
out.print(" 首页 上一页");
} else {
%>
<a href="javascript:gotoPage(1)">首页</a> <a
href="javascript:gotoPage(<%=pageNo - 1%>)">上一页</a>
<%
}
%>
<%
if (pageNo == pageCtl.getPagesCount()) {
out.print("下一页 尾页");
} else {
%>
<a href="javascript:gotoPage(<%=pageNo + 1%>)">下一页</a> <a
href="javascript:gotoPage(<%=pageCtl.getPagesCount()%>)">尾页</a>
<%
}
%>
转到第 <select name="jumpPage" onchange="Jumping()">
<%
for (int i = 1; i <= pageCtl.getPagesCount(); i++) {
if (i == pageNo) {
%>
<option selected value=<%=i%>><%=i%></option>
<%
} else {
%>
<option value=<%=i%>><%=i%></option>
<%
}
}
%>
</select>页
</form>
</body>
</html> 展开
<script type="text/javascript">
function Jumping() {
document.PageForm.submit();
return;
}
function gotoPage(pagenum) {
document.PageForm.jumpPage.value = pagenum;
document.pageForm.submit();
return;
}
</script>
from表单提交的页面就是当前的页面，但我点击下一页的时候没有反映，JSP完整代码如下
<%@ page language="java" contentType="text/html; charset=gb2312"
pageEncoding="gb2312"%>
<%@ page import="java.util.*"%>
<%@ page import="jsp.*"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script type="text/javascript">
function Jumping() {
document.PageForm.submit();
return;
}
function gotoPage(pagenum) {
document.PageForm.jumpPage.value = pagenum;
document.pageForm.submit();
return;
}
</script>
<title>管理界面</title>
</head>
<body>
<%
int pageNo = 1;
String strPage = request.getParameter("jumpPage");
if (strPage != null) {
pageNo = Integer.parseInt(strPage);
}
Pagination pageCtl = new UserPage();
pageCtl.setRowsPerPage(5);
pageCtl.setSQL("SELECT * FROM user");
Collection user = pageCtl.getPage(pageNo);
Iterator allUser = user.iterator();
%>
<div>查询结果</div>
<table>
<tr>
<td>帐号</td>
<td>密码</td>
</tr>
<%
while (allUser.hasNext()) {
User ur = (User) allUser.next();
%>
<tr>
<td><%=ur.getAccount()%></td>
<td><%=ur.getPassword()%></td>
</tr>
<%
}
%>
</table>
<form action="display.jsp" method="post" name="pageForm">
每页<%=pageCtl.getRowsPerPage()%>行 共<%=pageCtl.getRowsCount()%>行
第<%=pageNo%>页 <br>
<%
if (pageNo == 1) {
out.print(" 首页 上一页");
} else {
%>
<a href="javascript:gotoPage(1)">首页</a> <a
href="javascript:gotoPage(<%=pageNo - 1%>)">上一页</a>
<%
}
%>
<%
if (pageNo == pageCtl.getPagesCount()) {
out.print("下一页 尾页");
} else {
%>
<a href="javascript:gotoPage(<%=pageNo + 1%>)">下一页</a> <a
href="javascript:gotoPage(<%=pageCtl.getPagesCount()%>)">尾页</a>
<%
}
%>
转到第 <select name="jumpPage" onchange="Jumping()">
<%
for (int i = 1; i <= pageCtl.getPagesCount(); i++) {
if (i == pageNo) {
%>
<option selected value=<%=i%>><%=i%></option>
<%
} else {
%>
<option value=<%=i%>><%=i%></option>
<%
}
}
%>
</select>页
</form>
</body>
</html> 展开
3个回答
展开全部
很麻烦的事：
三个div，根据select选择显示
每个div中的input，你用的是同样的name属性，分别在不同的form中
提交时又不想提交其他的div中的input
解决方法一：一般也是常用做法
select 不控制div的显示，控制input的显示
input不存在重复neme的
所有元素在同一个form中
这样做，需要对页面布局修改，考虑到各种情况（切换时显示、隐藏、某些值清空等），对于页面js部分复杂，但有利于数据处理，即form提交后的数据处理
（我做的所有项目都是此中方式）
解决方法二：
1. 采用你原来的方式
2. 所有input放在一个form中
2. 在select切换div时，修改input的name属性，即把隐藏的div的那么属性修改成如id_1，把显示的改为id，切换时来回修改
这样就可以整个表单提交
目前只能提供者2个方式，都需要js操作，希望有所帮助
是否可以解决您的问题？
三个div，根据select选择显示
每个div中的input，你用的是同样的name属性，分别在不同的form中
提交时又不想提交其他的div中的input
解决方法一：一般也是常用做法
select 不控制div的显示，控制input的显示
input不存在重复neme的
所有元素在同一个form中
这样做，需要对页面布局修改，考虑到各种情况（切换时显示、隐藏、某些值清空等），对于页面js部分复杂，但有利于数据处理，即form提交后的数据处理
（我做的所有项目都是此中方式）
解决方法二：
1. 采用你原来的方式
2. 所有input放在一个form中
2. 在select切换div时，修改input的name属性，即把隐藏的div的那么属性修改成如id_1，把显示的改为id，切换时来回修改
这样就可以整个表单提交
目前只能提供者2个方式，都需要js操作，希望有所帮助
是否可以解决您的问题？
追问
什么东西？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.pageForm.submit();是什么意思？不懂！
改成：document.getElementByName("pageForm")[0].submit();试试
改成：document.getElementByName("pageForm")[0].submit();试试
追问
我明白了，我的JS方法写错了，在用了getElementById("pageForm")这个后就好了。谢谢你的回答
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
打酱油 学习 你的代码 来提高自己的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
