左移右移js代码

最新推荐文章于 2022-11-17 16:05:47 发布

suoxl

最新推荐文章于 2022-11-17 16:05:47 发布

阅读量1.2k

点赞数 1

分类专栏：我的收获文章标签： function javascript

本文链接：https://blog.csdn.net/suoxl/article/details/4457839

版权

我的收获专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了一段JavaScript脚本，该脚本实现了从一个选择列表向另一个选择列表转移选项的功能。提供了四个主要函数：rightRemove用于移动已选中的选项；rightRemoveAll用于移动所有选项；leftRemove用于移除已选中的选项；leftRemoveAll用于移除所有选项。

摘要由CSDN通过智能技术生成

     var oSelectCode=document.getElementById("selectColor");
     var oSelectedCode=document.getElementById("selectedColor");
     var i;

     for(i=0;i<oSelectCode.options.length;i++)
     {
        if(oSelectCode.options[i].selected)
        {
            oSelectedCode.options.add(new Option(oSelectCode.options[i].text, oSelectCode.options[i].value));
            oSelectCode.removeChild(oSelectCode.options[i]);
     i = i-1;
        }
     }
}

function rightRemoveAll(){

     var oSelectCode=document.getElementById("selectColor");
     var oSelectedCode=document.getElementById("selectedColor");
     var i;

     for(i=0;i<oSelectCode.options.length;i++)
     {
         oSelectedCode.options.add(new Option(oSelectCode.options[i].text, oSelectCode.options[i].value));
         oSelectCode.removeChild(oSelectCode.options[i]);
         i = i-1;
     }
}

function leftRemove(){

     var oSelectCode=document.getElementById("selectColor");
     var oSelectedCode=document.getElementById("selectedColor");
     var i;

     for(i=0;i<oSelectedCode.options.length;i++)
     {
        if(oSelectedCode.options[i].selected)
        {
            oSelectCode.options.add(new Option(oSelectedCode.options[i].text, oSelectedCode.options[i].value));
            oSelectedCode.removeChild(oSelectedCode.options[i]);
            i = i-1;
        }
     }
}

function leftRemoveAll(){

     var oSelectCode=document.getElementById("selectColor");
     var oSelectedCode=document.getElementById("selectedColor");
     var i;

     for(i=0;i<oSelectedCode.options.length;i++)
     {
         oSelectCode.options.add(new Option(oSelectedCode.options[i].text, oSelectedCode.options[i].value));
         oSelectedCode.removeChild(oSelectedCode.options[i]);
         i = i-1;
     }
}
//*****************************************************************************************end...
</script>