selected移动

最新推荐文章于 2021-08-04 04:08:05 发布

DrugScropion

最新推荐文章于 2021-08-04 04:08:05 发布

阅读量368

点赞数

分类专栏： JS|JQ|CSS 文章标签： button function xhtml float server html

本文链接：https://blog.csdn.net/ScorpionFZ/article/details/6784162

版权

JS|JQ|CSS 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <title></title>
</head>
<body>
<select id="select1" multiple="multiple" style="float:left;">
<option>添加</option>
<option>删除</option>
<option>修改</option>
<option>查询</option>
<option>打印</option>
</select>

<input type="button" value=">"  οnclick="move(document.getElementById('select1'),document.getElementById('select2'))"/>
<input type="button" value="<" οnclick="move(document.getElementById('select2'),document.getElementById('select1'))"/>
<input type="button" value=">>" οnclick="moveall(document.getElementById('select1'),document.getElementById('select2'))"/>
<input type="button" value="<<" οnclick="moveall(document.getElementById('select2'),document.getElementById('select1'))"/>

<select id="select2" multiple="multiple">
</select>
</body>
</html>

<script type="text/javascript">
    function move(selectSrc,selectDest) {
        for (var i = 0; i < selectSrc.childNodes.length; i++) {
            var option = selectSrc.childNodes[i];
            if (option.selected == true) {
                selectSrc.removeChild(option);
                selectDest.appendChild(option);
                option.selected = "";
                i--;
            }
        }
    }

    function moveall(selectSrc, selectDest) {
        while (selectSrc.childNodes.length != 0)
        {
            var option = selectSrc.childNodes[0];
            selectSrc.removeChild(option);
            selectDest.appendChild(option);
            option.selected = "";
        }

    }
</script>

DrugScropion

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
selected移动

添加删除修改查询打印" onclick="move(document.getElementById('select1'),document.getElementById('select2'))"/>>" onclick="moveall(document.ge
复制链接

扫一扫