欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery多选下拉框左右复制

程序员文章站 2022-05-16 11:50:31
...

<!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=">" onclick="moveToRight()"/>
    <select size="3" id="D2" multiple>
    </select>
        <input type=button value="向上" onclick="moveUp()"/>
        <input type=button value="向下" onclick="moveDown()"/>
</body>
</html>

相关标签: jquery multiple