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

选择人员或者部门或其他时,经常会用到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]);
            }
               
        }

转载于:https://www.cnblogs.com/Godblessyou/archive/2010/07/17/1779639.html

javascript操作listbox方法 【转】相关推荐

  1. 原生JAVASCRIPT操作cookie方法

    在前端进行操作时,有的时候要传很多参数,这个时候,我们可以把这些参数拼接到url后面进行传值,那边在接收参数,不过这样挺麻烦的,如果把这些数据放到cookie里面,就开发者的开发效率来说,我想会高一些 ...

  2. php操作剪贴板内容代码,JavaScript操作剪贴板的实现方法介绍

    本篇文章给大家带来的内容是关于JavaScript操作剪贴板的实现方法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 通过 js 可以操作剪贴板的 复制 剪切 粘贴 用到的方法和 ...

  3. JavaScript常用的字符串操作对象方法

    文章目录 ==对象方法== ++搜索.索引 `indexOf() ` :搜索首个字符串出现的位置 `lastIndexOf() `:搜索最后出现的字符串位置 `includes() `:搜索判断字符串 ...

  4. javascript操作数组的方法大全

    javascript操作数组的方法大全 一.ES5数组的方法 1.Array.isArray() 用来判断是否为数组 var arr = [1, 2, 3, 4, 5]; var obj = {}; ...

  5. javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)

    http://www.jb51.net/article/44476.htm 本篇文章主要介绍了javascript操作table(insertRow,deleteRow,insertCell,dele ...

  6. javascript 操作 url 中 search 部分方法函数

    javascript 操作 url 中 search 部分方法函数 前言 首先,我们需要知道什么是 search , search 是 window.location 的一个属性.举个例子: 首先,我 ...

  7. js向ul中写html语言,javascript操作ul中li的方法

    本文实例讲述了javascript操作ul中li的方法.分享给大家供大家参考.具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra ...

  8. python操作js中的输入_Python调用JavaScript代码的方法

    准备阶段: 以一段简单的JS脚本为例,将代码写入到文件中,其中,定义了一个方法,计算两个数的和. //norm.js //计算两个数的和 function add(num1, num2) { retu ...

  9. 如何用JavaScript操作form表单组件?

    一.用JavaScript操作按钮: <!DOCTYPE html> <html><head><meta charset="UTF-8"& ...

最新文章

  1. centos 7.0 64位 openssl 升级到1.1.0c
  2. JAVA实现查看详情功能_【JavaWeb】111:详情页面的实现
  3. Linux yum 报错:One of the configured repositories failed (Unknown), and yum doesn't have.
  4. 网络工程师成长日记421-某银行技术支持
  5. C#——扩展.NET Framework基本类型的功能DEMO
  6. python 处理excel
  7. 42.Android之ListView中ArrayAdapter简单学习
  8. cocos2d-x初探学习笔记(4)--触屏事件
  9. 本地方法(JNI)——访问域+字符串参数
  10. 一男子安装lua开发环境傻逼操作,惊呆所有人
  11. Trend Micro Password Manager 多个高危漏洞
  12. windows 安装php7.4并配置phpstorm环境
  13. jupyter kernel error
  14. PyTorch 报错:TypeError: Cannot handle this data type: (1, 1, 512), |u1 (已解决)
  15. RootKit分析:主页保安推广病毒+独狼2 排查与分析全过程
  16. php openldap支持ssl,基于OpenLDAP服务端和客户端的SSL/TLS的配置方法
  17. 设计模式05——结构型模式
  18. 音视频大合集,先从零开始万事开头难
  19. x7 z8750 linux,GPD Pocket 7.0英寸 口袋笔记本电脑(Atom x7-Z8750、8GB、128GB、触屏)
  20. 设置matlab图像线框,matlab在图像中画长方形(框)

热门文章

  1. 为什么我发现自己照镜子觉得很好看,但是拍照就像变了一个人?
  2. 你听过或见过最无耻的一句话是什么?
  3. 农村树上的野菜“刺老芽”,价格比肉还贵,这是为啥呢?
  4. 分享一个最新思考的创业项目
  5. 从工作到创业迈开这一步很艰难吗
  6. Build a simple Ethereum + IPFS+ React.js DApp.
  7. 算法的基本控制结构之循环结构
  8. QModelIndex——
  9. RocketMQ Message hasn‘t been sent. Caused by No route info of this topic, Pr
  10. [leetcode] 24. Swap Nodes in Pairs