求一段javascript代码!
- HTML code
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.util.*,java.lang.*,java.lang.Iterable.*"%><!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> <% String str[][]=(String[][])request.getAttribute("tujijieguo"); //显示数组 String str1[][]=new String[str[0].length][str.length]; //查询框 for(int i=0; i<str[0].length;i++) //查询框赋值,将数组转向 { for(int j=0;j<str.length;j++) { str1[i][j]=str[j][i]; } } HashSet<String> set=new HashSet<String>(); int z=0; String s1[][]=new String[str1.length][str1[0].length]; String s=""; for(int i=0;i<str1.length;i++) { z=0; for(int j=0;j<str1[0].length;j++) { set.add(str1[i][j]); //通过循环 去掉重复项目 } Iterator<String> inter =set.iterator(); //定义对象并且赋值 while(inter.hasNext()) { s =(String)inter.next(); s1[i][z]=s; z++; } set.clear(); } int a []={3,4,5,7,9,10},k; if(str.length%10==0) k=str.length/10; else k=str.length/10+1; %> <script type="text/javascript"> function reserveCheck(id) { var ids = document.getElementsByName(id); var len = ids.length; if (len > 0) { var i = 0; for (i = 0; i < len; i++) { if (ids[i].checked) ids[i].checked = false; else ids[i].checked = true; } } } function rx(id) { var ids = document.getElementsByName(id); var len = ids.length; if (len > 0) { var i = 0; for (i = 0; i < len; i++) { ids[i].checked = true; } } } function rq(id) { var ids = document.getElementsByName(id); var len = ids.length; if (len > 0) { var i = 0; for (i = 0; i < len; i++) { ids[i].checked = false; } } } </script> <style>form { margin:0px; padding:0px;}</style> </head><body><form action="./Tuji?leibie=tujichaxun" method="post" ><table width="740" border="1" align="center" STYLE="table-layout: fixed" class="selectDiv" ><tr> <td width="10%">图纸编号</td> <td width="10%">专业</td> <td width="15%">设计名称</td> <td width="10%">图号</td> <td width="20%">名称</td> <td width="10%">现存数</td> <td width="8%">存放位置</td> <td width="21%">操作</td> </tr> <tr> <td><input type="text" name=bianhao value="编号"/></td> <% for(int i=0;i<a.length;i++) { %> <td><select name=xz<%=i%> style="width:100%"> <% if(request.getParameter("xz"+i)==null||request.getParameter("p").equals("重置")) { %> <option>请选择</option> <% } else { %> <option><%=request.getParameter("xz"+i)%></option> <% } for(int j=0;j<str1[0].length;j++) { if(s1[a[i]][j]!=null) { %> <option ><%=s1[a[i]][j]%></option> <% } } %></select></td><% } %> <td><input type="submit" name=p value="查询"/><input type="submit" name=p value="重置"/></td> </tr> </table></form> <form action="./Tuji?leibie=xiangxi" method="post" > <table width="740" border="1" align="center" STYLE="table-layout: fixed" > <tr> <td width="10%">图纸编号</td> <td width="10%">专业</td> <td width="15%">设计名称</td> <td width="10%">图号</td> <td width="20%">名称</td> <td width="10%">套数</td> <td width="8%">现存数</td> <td width="17%">存放位置</td> </tr> <tr><td colspan="2"><input type="checkbox" onclick="rx('ck')" >全选</td><td colspan="2"><input type="checkbox" onclick="rq('ck')" >取消</td><td colspan="2"><input type="checkbox" onclick="reserveCheck('ck')" >反选</td></tr> <% for(int i=0;i<str.length&&i<10;i++) //显示zn数组值,考虑,如果在查询结果中再次查询。 { %> <tr> <% for(int j=0;j<str[0].length;j++) { if(!(j==0||j==2||j==6||j==10||j==11||j==12||j==13||j==14)) { if(j==1) {%> <td><input type=checkbox id=ck name=h+<%=i%> value=<%=str[i][1]%>><input type=submit name=test3 value="<%=str[i][j]%>"></td> <% } else { %> <td align=left valign=middle ><%=str[i][j]%></td> <% } } } %> </tr> <%} %><tr><td colspan="4">请输入借出数量:<input type="text" name="fxk1" value="1"/></td><td ><input type="submit" value="提交" ></td><td align="center"></tr></table></form><form action="./Tuji?leibie=tujichaxun" method="post" ><table width="740" border="1" align="center" STYLE="table-layout: fixed" ><tr><td><input type="submit" name=kkx value="首页" ></td><td><input type="submit" name=kkx value="尾页" ></td><td><input type="submit" name=kkx value="上一页" ></td><td><input type="submit" name=kkx value="下一页" ></td><td>当前第<input type="text" name=kkz value=123 disabled="disabled" >页</td><td>共<input type="text" name=kkz value="123" disabled="disabled">页</td></tr></table></form></body></html>
我的jsp页面代码如上,所有的数据来源都是String str[][]=(String[][])request.getAttribute("tujijieguo");现在我想通过首页、尾页、上一页、下一页四个按钮加上javascript 对for的初值和上限作为变量 进行赋值,控制翻页,求相应脚本代码,当然也可以将显示页面单独刷新,反正我要的就是翻页效果,还有动不动,给我来句用ajax然后就走人的人们,你们是高人,不要在此留下你的脚印了,浪费我的表情。
[解决办法]
楼主最好还是先把你的需求说一下,到底要做一个什么功能,实现什么样的效果,这样直接看大量的代码理解起来很麻烦,而且这样很少会有人去都你的帖子的……
如果是要做一个请求列表的显示及翻页效果的话,干嘛要这样用大量的js代码,js代码最简单的话有一个向后台发送请求页面列表的方法就可以了,上一页、下一页等这样的按钮传递的值让后台来控制,当然用js也是可以的
另外页面上看到的翻页效果,看上去是只是列表的内容发生了改变,而输入请求条件的那些输入框等内容没有重新加载,不用ajax也是能够实现的,你用两个页面,其中一个页面只显示请求的列表内容,其他的什么都不要显示,请求新页面时,重新加载(使用jquery的load方法)这个list页面就可以了,看上去跟局部刷新是一样的,这么说不知道楼主是不是清楚了,或者有思路了,我也只能说这么多了……