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();
                   }
              }
        }
  • 相关阅读:
    javascript动态创建Option选项
    Javascript中最常用的25个经典技巧
    C#常用函数和方法集
    C#邮件发送程序
    CSS菜单
    笔记本将有线变无线网
    svn有权限但是不能提交的原因
    IE6在https下认为iframe和about:blank不安全
    VS2008创建MFC项目提示无法找到userimages.bmp
    往数据库中插入流数据的问题
  • 原文地址:https://www.cnblogs.com/skyblue/p/3333059.html
Copyright © 2011-2022 走看看