网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Javascript
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.JavaScript方法和技巧大全.
.JavaScript极速狂飙:大容量字符.
.用JavaScript实现浏览器地震效果.
.调试javascript的好方法 .
.比较高效的表格行背景变色及选定.
.JS函数实现鼠标指向后带图片的提.
.javascript定义类和实例化类.
.精美JavaScript日历代码(带农历.
.JS对HTML标签select的操作.
.javascript+xml实现二级下拉菜单.
.js读取本地excel文档数据.
.网页对联广告代码效果大全.
.弹出窗口window.open()的参数列表.
.Javascript实例教程(20) OLE Aut.
.Javascript利用闭包循环绑定事件.
.Javascript模拟游戏中的弹出菜单.
.JavaScript判断浏览器类型及版本.
.Javascript实例教程(5) 在一个表.
.网页特效:图片随机显示技巧.
.网站繁简转换解决方案--ASP,JSP,.

javascript对ListBox的增 删

发表日期:2008-8-18


javascript 对ListBox的增 删

假设有2个ListBox,ID分别为lbLeft,lbRight

选中lbLeft里的项添加到lbRight里:

 function add()

    {

        var left;

        var right;

        left = document.getElementById("lbLeft");

        right = document.getElementById("lbRight");

        for(var i=0;i<left.length;i++)

        {

            if(left.options[i].selected)

            {

                //判断该项是否已经存在

                for(j=0;j<right.length;j++)

                {

                    if(right.options[j].value==left.options[i].value)

                    {

                        return;

                    }

                }

                right.add(new Option(left.options[i].text,left.options[i].value));

            }

        }

    }

 

删除lbRight里的项:

 

    function del()

    {

        right=document.getElementById("lbRight");

        for(i=right.length-1;i>=0;i--)

        {

            if(right.options[i].selected)

            {

                right.remove(i);

            }

        }

        //重新赋值

        for(j=0;j<right.length;j++)

        {

            document.getElementById("txtAllName").value+=right.options[j].text+",";

            document.getElementById("txtAllID").value+=right.options[j].value+",";

        }

    }

上一篇:Dreamweaver在运行时发生的JavaScript错误的解决方法 人气:1245
下一篇:用javascript实现随机跳转页面 人气:2351
浏览全部javascript的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐