码迷,mamicode.com
首页 > 其他好文 > 详细

键盘控制select选项上下

时间:2014-08-12 13:16:54      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   color   io   ar   cti   div   

$(‘#k‘).live(‘keydown‘,function(event){

            if (event.keyCode==38){
                /*$(this).addClass("active");
                 $(this).siblings().removeclass("active");
                 $("#k").val($(this).text());*/
                var autoNodes = $(".checktype").children("li");

                if(highlightindex != -1){
                    autoNodes.eq(highlightindex).addClass("active");
                    autoNodes.eq(highlightindex).siblings().removeClass("active");
                    highlightindex--;
                }else{
                    highlightindex = autoNodes.length - 1;
                }
                autoNodes.eq(highlightindex).addClass("active");
                autoNodes.eq(highlightindex).siblings().removeClass("active");
                var li_val=$(".checktype").children("li").eq(highlightindex).text()
                if(li_val!=‘‘){
                    $("#k").val(li_val);
                }
                //  $("#k").val($(".checktype").children("li").eq(highlightindex).text());


            }

            if (event.keyCode==40){


                var autoNodes = $(".checktype").children("li");

                if(highlightindex != -1){
                    autoNodes.eq(highlightindex).addClass("active");
                    autoNodes.eq(highlightindex).siblings().removeClass("active");
                    highlightindex++;
                }else{
                    highlightindex++;
                }
                if(highlightindex == autoNodes.length){
                    highlightindex = 0;
                }


                autoNodes.eq(highlightindex).addClass("active");
                autoNodes.eq(highlightindex).siblings().removeClass("active");
                //autoNodes.eq(highlightindex).siblings().removeclass("active");
                var li_val=$(".checktype").children("li").eq(highlightindex).text()
                if(li_val!=‘‘){
                    $("#k").val(li_val);
                }


            }
        })

 

键盘控制select选项上下,布布扣,bubuko.com

键盘控制select选项上下

标签:des   style   blog   color   io   ar   cti   div   

原文地址:http://www.cnblogs.com/afei-happy/p/3906902.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!