zoukankan      html  css  js  c++  java
  • 键盘控制select选项上下

    $('#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);
                    }
    
    
                }
            })
  • 相关阅读:
    bootstrap-treeview 实现级联选择
    MockMvc
    TCP的三次握手与四次挥手的理解
    多线程之按序打印
    java后端学习流程
    nginx安装配置
    今天给大家分享个玩具——树莓派
    nginx启动报错
    springboot自定义注解
    初探企业级应用开发主流前沿技术
  • 原文地址:https://www.cnblogs.com/afei-happy/p/3906902.html
Copyright © 2011-2022 走看看