Jquery来制作翻页的上拉列表bug

Jquery来制作翻页的下拉列表bug
下拉列表的js控制bug
不知道该不该算bug.总之遇到就长个记性

<div class="right">
   <a href="cpManagerInit.ca">首页</a>
   <a href="#" name="upPage">上一页</a>
   <a href="#" name="downPage">下一页</a>
   <a href="#" name="endPage" pageSize="${requestScope.pageCount}">末页</a>
   <select name="pageNo" class="wd_80" def="${requestScope.pageNo}" heh="1">
        <c:forEach var="count" begin="1" end="${requestScope.pageCount}">
             <option value="${count}">${count}</option>
        </c:forEach>
   </select>
</div>

很多时候,在后台页面要求页面布局
-----------------分页按钮 [下拉列表]
    +++++++++
    +++++++++     <-- 内容列表
    +++++++++
-----------------分页按钮 [下拉列表]

//上页
       $("a[name=\'upPage\']").click(function(){
           //当前页
           var pageN= parseInt($("select[name=\'pageNo\']").val());
           var pageNumber=0;
           if(pageN==1){
               pageNumber=1;
           }else{
               pageNumber=pageN-1;
               location.href="pageGetCpLists.ca?pageNo="+pageNumber+"&checkType=通过&enable=not";
           }
       })
        //下页
       $("a[name=\'downPage\']").click(function(){
           //当前页
           var currentPage = parseInt($("a[name=\'endPage\']").attr("pageSize"));
           var pageN= parseInt($("select[name=\'pageNo\']").val());
           var pageNumber=0;
           if(pageN==currentPage){
               pageNumber=currentPage;
           }else{
               pageNumber=pageN+1;
               location.href="pageGetCpLists.ca?pageNo="+pageNumber+"&checkType=通过&enable=not";
           }
       })
        //末页
       $("a[name=\'endPage\']").click(function(){
           var pageNumber = parseInt($(this).attr("pageSize"));
           location.href="pageGetCpLists.ca?pageNo="+pageNumber+"&checkType=通过&enable=not";
       })
        //下拉换页
       [color=red]$("select[name=\'pageNo\']").change(function(){
           var number = parseInt($("select[name=\'pageNo\']").val());
           if($(this).attr("heh")==2){
               number = parseInt($(this).val());
           }
           //alert($("select[name=\'pageNo\']").select().val());
           location.href="pageGetCpLists.ca?pageNo="+number+"&checkType=通过&enable=not";
       })[/color]
        //初始化下拉
        if($("select[name=\'pageNo\']").attr("def")!=null){
             $("select[name=\'pageNo\']").val($("select[name=\'pageNo\']").attr("def"));
        }
        
    })

代码都是从左至右的执行,从上而下的顺序完成!
这个时候,上,下,首,末(页)都不会有问题,上边下边都ok.因为这4对按钮,或者超链接,只是完成单一功能,而标识不会影响结果.
但是如果用下拉列表来翻页时,大家就会发现!上边的可以使用,但是下边的使用不了!为什么呢,因为标识不同,而下拉列表的功能实现就是用标识来完成,当获取下拉列表时会有2个,因为标识不同,js会自动把第一个当做标准,所以翻页也就是本页面,eq和index方法都是同级父类下子元素的索引,应该也可以实现!
这里我的实现是用heh自定义属性来完成,大家如果有好的办法一起分享

Jquery来制作翻页的上拉列表bug

相关推荐