listbox之间的移动

最新推荐文章于 2021-04-06 11:38:36 发布

jdq819

最新推荐文章于 2021-04-06 11:38:36 发布

阅读量490

点赞数

文章标签： button function null

本文链接：https://blog.csdn.net/jdq819/article/details/5543562

版权

<html>
<body>
<form name=frm>
<select multiple=true id=sel1>
<option value="1">ww</option>
<option value="2">dd</option>
<option value="3">aa</option>
<option value="4">gg</option>
</select>
<br />
<input type=button value=移动 οnclick="moveitem(frm.sel1,frm.sel2);" />
<br />
<select multiple=multiple id=sel2>
</select>
</form>
</body>
</html>
<script>
    //fromSel: 源选择框， toSel:目标选择框
    function moveitem(fromSel, toSel) {
        //var fromOpts = document.getElementById("fromSel").options;
        //var toOpts = document.getElementById("toSel").options;
        var fromOpts = fromSel.options; //源选择项列表数组
        var toOpts = toSel.options; //目标选择项列表数组
        var idx = 0; //当前索引
        var toLen = toOpts.length; // 目标选择框已有的项数
        //遍历所有的源选择项列表数组
        for (var i = fromOpts.length - 1; i >= 0; i--) {
            if (fromOpts[i].selected) { //如果选中
                toOpts[toLen + idx] = new Option(fromOpts[i].text, fromOpts[i].value); //添加到目标选择框中
                fromOpts[i] = null; //删除源选择框中的选中项
                idx++;
            }
        }