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);
                    }
    
    
                }
            })
  • 相关阅读:
    从yum源下载软件包
    本地yum源建立
    Redis慢查询,redis-cli,redis-benchmark,info
    Centos6.6安装mysql记录
    Nginx常用命令(加入系统服务)
    Nginx+keepalived双机热备(主从模式)
    Nginx反向代理+负载均衡简单实现
    Centos7安装Python3.5
    CentOS 6.4下OpenSSH升级到6.7操作
    Redis详解
  • 原文地址:https://www.cnblogs.com/afei-happy/p/3906902.html
Copyright © 2011-2022 走看看