阅读文章

js操作listbox

[日期:2006-11-22] 来源:  作者: [字体: ]

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



阅读:
录入:blue1000

评论 】 【 推荐 】 【 打印
上一篇:按比例微缩图片的一段小小的JS代码
下一篇:(X)HTML Strict 下的嵌套规则
相关文章      
本文评论
发表评论


点评: 字数
姓名:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款