返回
首页
业界
电商
创业
访谈
手机
移动
报告
运营
建站
互联网+
系统
教程
搜索

Jquery多选框互相内容交换的实例代码

2020-05-17 06:25:17易采站长站整理


<head runat=”server”>
    <title>无标题页</title>
    <script type=”text/javascript” src=”js/jquery-1.4.2.min.js”></script>
    <script type=”text/javascript”>
        $(document).ready(function(){
            // 把选择项追加给对方
            $(‘#add’).click(function(){
            var options=$(‘#select1 option:selected’);
            var remove=options.remove();
            remove.appendTo(“#select2”);
            });
            // 把所有项追加给对方
            $(‘#addAll’).click(function(){
            var options=$(‘#select1 option’);
            var remove=options.remove();
            remove.appendTo(“#select2”);
            });
            // 把选择项退回给对方
            $(‘#remove’).click(function(){
            var options=$(‘#select2 option:selected’);
            var remove=options.remove();
            remove.appendTo(“#select1”);
            });
            // 把全部项退回给对方
            $(‘#removeAll’).click(function(){
            var options=$(‘#select2 option’);
            var remove=options.remove();
            remove.appendTo(“#select1”);
            });
        });
    </script>
</head>
<body>
    <form id=”form1″ runat=”server”>

相关文章 大家在看