jquery多选下拉框左右复制

最新推荐文章于 2022-05-29 19:18:17 发布

iteye_16828

最新推荐文章于 2022-05-29 19:18:17 发布

阅读量279

点赞数

分类专栏： javascript 文章标签： jquery multiple ViewUI

本文链接：https://blog.csdn.net/iteye_16828/article/details/82636432

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Untitled</title>
    <script type="text/javascript" src="xxx/jquery.js"></script>
</head>
<script type="text/javascript">
    function moveToRight(){
        $("#D1 option:selected").each(function(){
            var option = $(this)
            $("#D1").remove(option);
            $("#D2").append(option);
        });
    }
    function moveUp(){
        $('#D2 option:selected').each(function(){
            var option = $(this);
            //alert(option.prev().size());
            if(option.prev().size()!=0){
                option.prev().before(option);
            }
        });
    }
</script>
<body>
    <select size="3" id="D1" multiple>
        <option value="1">a</option>
        <option value="2">b</option>
        <option value="3">c</option>
        <option value="4">d</option>
    </select>
        <input type=button value=">" οnclick="moveToRight()"/>
    <select size="3" id="D2" multiple>
    </select>
        <input type=button value="向上" οnclick="moveUp()"/>
        <input type=button value="向下" οnclick="moveDown()"/>
</body>
</html>

iteye_16828

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery多选下拉框左右复制

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;Untitled&lt;/title&gt; &lt;script type="text/javascript" src="xxx/jquery.js
复制链接

扫一扫