JS技术

javascript对ListBox的增 删_javascript教程教程

字号+ 作者:H5之家 来源:H5之家 2015-10-03 18:08 我要评论( )

javascript对ListBox的增 删,学习javascript对ListBox的增 删,javascript对ListBox的增 删,查看javascript对ListBox的增 删,javascript 对ListBox的增 删 假设有

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+",";

        }

    }

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript入门教程(二)_javascript教程教程

    JavaScript入门教程(二)_javascript教程教程

    2015-10-10 14:25

  • JavaScript入门教程(五)_javascript教程教程

    JavaScript入门教程(五)_javascript教程教程

    2015-10-10 14:21

  • JavaScript入门教程(四)_javascript教程教程

    JavaScript入门教程(四)_javascript教程教程

    2015-10-10 14:19

  • JavaScript入门教程(三)_javascript教程教程

    JavaScript入门教程(三)_javascript教程教程

    2015-10-10 14:17

网友点评