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();
                   }
              }
        }
  • 相关阅读:
    问题:弹窗还没点击确认就执行了跳转
    关于版本的问题
    timeUtil
    使用jframe编写一个base64加密解密工具
    JMeter 命令行(非GUI模式)详解(一)-分布式(远程)执行脚本及查看指定结果、日志
    jmeter分布式压测 java.io.FileNotFoundException: rmi_keystore.jks (系统找不到指定的文件。)
    mysql5.7日志时间与系统时间不一致
    mysql查看执行sql语句的记录日志
    Appium如何获取appPackage和appActivity
    关于测试设置
  • 原文地址:https://www.cnblogs.com/skyblue/p/3333059.html
Copyright © 2011-2022 走看看