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();
                   }
              }
        }
  • 相关阅读:
    异常类
    设计模式
    java的参数传递
    meta 标签中 http-equiv 的作用
    导入CSV格式文件方法
    第四次博客作业-结对项目
    第九次作业-接口及接口回调
    第八次作业-继承
    软件工程第三次作业——关于软件质量保障初探
    Java第七次作业
  • 原文地址:https://www.cnblogs.com/skyblue/p/3333059.html
Copyright © 2011-2022 走看看