zoukankan      html  css  js  c++  java
  • js操作listbox的方法

    选择人员或者部门或其他时,经常会用到2个listbox,下面这js代码,希望能给大家以及自己带来方便


    function SelectAll()
            {
                var lst1=window.document.getElementById("SourceListBox");
                var length = lst1.options.length;
                for(var i=0;i<length;i++)
                {
                    var v = lst1.options[i].value;
                    var t = lst1.options[i].text;
                    var lst2=window.document.getElementById("DestinationListBox");
                    lst2.options[i] = new Option(t,v,true,true);    
                }
                
            }
            
            function DelAll()
            {
                var lst2=window.document.getElementById("DestinationListBox");
                var length = lst2.options.length;
                for(var i=length;i>0;i--)
                {
                    lst2.options[i-1].parentNode.removeChild(lst2.options[i-1]);
                }    
            }
            
            function SelectOne()
            {
                var lst1=window.document.getElementById("SourceListBox");
                var lstindex=lst1.selectedIndex;
                if(lstindex<0)
                    return;
                var v = lst1.options[lstindex].value;
                var t = lst1.options[lstindex].text;
                var lst2=window.document.getElementById("DestinationListBox");
                lst2.options[lst2.options.length] = new Option(t,v,true,true);    
                    
            }
            
            function DelOne()
            {
                var lst2=window.document.getElementById("DestinationListBox");
                var lstindex=lst2.selectedIndex;
                if(lstindex>=0)
                {
                    var v = lst2.options[lstindex].value+";";
                    lst2.options[lstindex].parentNode.removeChild(lst2.options[lstindex]);
                }
                    
            }

  • 相关阅读:
    【刷题-LeetCode】204. Count Primes
    【刷题-LeetCode】205. Isomorphic Strings
    【刷题-LeetCode】207. Course Schedule
    剑指offer题解——找出数组中重复的数字
    关于c++中vector操作
    动态规划算法
    分治算法
    从零学python——组合数据类型
    从零学python—PyInstaller库的介绍
    从零学python——代码复用与函数递归
  • 原文地址:https://www.cnblogs.com/zhangchenliang/p/1790645.html
Copyright © 2011-2022 走看看