求一段javascript代码！

<%@ 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然后就走人的人们，你们是高人，不要在此留下你的脚印了，浪费我的表情。

解决方案 »

  1.   

    楼主最好还是先把你的需求说一下，到底要做一个什么功能，实现什么样的效果，这样直接看大量的代码理解起来很麻烦，而且这样很少会有人去都你的帖子的……如果是要做一个请求列表的显示及翻页效果的话，干嘛要这样用大量的js代码，js代码最简单的话有一个向后台发送请求页面列表的方法就可以了，上一页、下一页等这样的按钮传递的值让后台来控制，当然用js也是可以的另外页面上看到的翻页效果，看上去是只是列表的内容发生了改变，而输入请求条件的那些输入框等内容没有重新加载，不用ajax也是能够实现的，你用两个页面，其中一个页面只显示请求的列表内容，其他的什么都不要显示，请求新页面时，重新加载(使用jquery的load方法)这个list页面就可以了，看上去跟局部刷新是一样的，这么说不知道楼主是不是清楚了，或者有思路了，我也只能说这么多了……