博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js操作listbox的方法
阅读量:6669 次
发布时间:2019-06-25

本文共 1167 字,大约阅读时间需要 3 分钟。

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

转载地址:http://pclxo.baihongyu.com/

你可能感兴趣的文章
C#版 Winform界面 Socket编程 Client客户端
查看>>
Vue keep-alive实践总结
查看>>
Highcharts 连续的堆积面积图
查看>>
Linux 命令中 find 和 xargs 命令的用法
查看>>
Python著名的lib和开发框架(均为转载)
查看>>
Alpha、Beta、RC、GA版本的区别
查看>>
windows2008 R2 标准版+IIS7.5 +PHP网站发布
查看>>
在Linux中,如何取出一个字符串的前5位
查看>>
myeclipse删除项目后重新导入
查看>>
在进入新版本 的时候,进行推送引导
查看>>
Django 下载和初识
查看>>
Hawk浩客 v992 硬盘 易驱线 试用
查看>>
HBase + Solr Cloud实现HBase二级索引
查看>>
Scala之偏函数Partial Function
查看>>
hdu 5052 树链剖分
查看>>
移动端bug集合
查看>>
springboot学习笔记-thymeleaf
查看>>
Mac下到Linux主机ssh免密码登录
查看>>
git的使用(本地版本库)
查看>>
密码学之编码方式
查看>>