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();
                   }
              }
        }
  • 相关阅读:
    max key length is 1000 bytes
    205 Reset Content
    The Path Attribute
    track message forwards, avoiding request loops, and identifying the protocol capabilities of all senders along the request/response chain
    test hypertext links for validity, accessibility, and recent modification
    ES6 will change the way you write JS code.
    ECMAScript Web APIs node.js
    Symbols
    HTML/Elements/base
    frag General URL components
  • 原文地址:https://www.cnblogs.com/skyblue/p/3333059.html
Copyright © 2011-2022 走看看