zoukankan      html  css  js  c++  java
  • select 操作选中添加、删除操作Javascript

    //添加选中项
        function addItem()
        {
            var myMember = document.getElementById("myMember");
            var otherMember = document.getElementById("otherMember");
              for (var i=0;i<myMember.options.length;i++){
                  
                  if (myMember.options[i].selected == true){
                      if(!isExitItem(myMember.options[i].value)){
                           $("#otherMember").append("<option value='" + myMember.options[i].value + "'>" +myMember.options[i].text + "</option");  
                    }
                   }
              }
        }
        //添加全部项
        function addAll()
        {
            var myMember = document.getElementById("myMember");
            var otherMember = document.getElementById("otherMember");
            for (var i=0;i<myMember.options.length;i++){
                if(!isExitItem(myMember.options[i].value)){
                      $("#otherMember").append("<option value='" + myMember.options[i].value + "'>" +myMember.options[i].text + "</option");  
                }
              }
        }
        //删除全部项
        function removeAll()
        {
            var otherMember = document.getElementById("otherMember");
            var length = otherMember.options.length; 
            for(var i=length-1;i>=0;i--){ 
                otherMember.options.remove(i); 
            } 
        }
        //判断项是否存在
        function isExitItem(val)
        {
            var flag=false;
            var otherMember = document.getElementById("otherMember");
            for (var i=0;i<otherMember.options.length;i++){
                if (otherMember.options[i].value == val){
                    flag=true;
                      break;
                   }
              }
              return flag;
        }
        //删除选中项
        function removeItem()
        {
            var otherMember = document.getElementById("otherMember");
              for (var i=0;i<otherMember.options.length;i++){
                if (otherMember.options[i].selected == true){
                      $(otherMember.options[i]).remove();
                   }
              }
        }
  • 相关阅读:
    python 中classmethod修饰符、staticmethod和装饰器有什么区别
    zabbix4.0 监控 mysql5.7
    centos7 zabbix 自启动 设定
    生产环境 编译安装 zabbix 服务
    docker 环境 部署 centos7镜像 并配置免秘登陆
    dd 命令 磁盘写性能测试
    hdparm命令 硬盘读取速度压力测试
    zabbix 动态实时日志监控
    已经创建 且运行一段时间的docker容器 添加新的映射端口
    hive 锁表解决方案(unlock不掉的情况下)
  • 原文地址:https://www.cnblogs.com/skyblue/p/3333059.html
Copyright © 2011-2022 走看看