<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
<meta charset="utf-8" />
    <script src="jquery-3.3.1.js"></script>
    <script>
        $(function () {
            $('#toAllRight').click(function () {
                $('#se1 option').appendTo($('#se2'));
            });
            $('#toAllLeft').click(function () {
                $('#se2 option').appendTo($('#se1'));
            });
            $('#toRight').click(function () {
                $('#se1 option:selected').appendTo($('#se2'));
            });
            $('#toLeft').click(function () {
                $('#se2 option:selected').appendTo($('#se1'));
            })
        })
    </script>
</head>
<body>
    <div style="margin-left:400px;margin-top:10px;">
        <select multiple="multiple" style="float:left;width:80px;height:100px;" id="se1">
            <option value="value">添加</option>
            <option value="value">删除</option>
            <option value="value">修改</option>
            <option value="value">打印</option>
            <option value="value">查询</option>
        </select>
        <div style="width:50px;float:left;">
            <input type="button" name="name" value=">" style="width:50px;" id="toRight" />
            <input type="button" name="name" value="<" style="width:50px;" id="toLeft" />
            <input type="button" name="name" value="<<" style="width:50px;" id="toAllLeft" />
            <input type="button" name="name" value=">>" style="width:50px;" id="toAllRight"/>
        </div>
        <select multiple="multiple" style="float:left;width:80px;height:100px" id="se2">
        </select>
    </div>
</body>
</html>

最新文章

  1. PC和HOST之间文件传送
  2. 【图像处理】第三次实验：JPEG图像压缩
  3. ThreadLocal类学习笔记
  4. 护眼色的RGB值
  5. 2016/09/21 Java关键字final
  6. C++11 常用语法
  7. Linux命令-dd
  8. BestCoder Round #88
  9. How to: Enable and Disable an Action Pane Button on a List Page [AX 2012]
  10. 怎么使用PHPMailer实现邮件的发送？？
  11. Skinned Mesh原理解析和一个最简单的实现示例
  12. 6.02-news_re
  13. Asp.Net Core IIS发布后PUT、DELETE请求错误405.0 - Method Not Allowed 因为使用了无效方法(HTTP 谓词)
  14. 理解使用static import 机制
  15. 英语语言能力挑战游戏: anagrams &amp; palindromes
  16. panda核心数据结构
  17. python 之__new__
  18. pip安装python模块遇到一直出现retrying的问题
  19. Android Service总结05 之IntentService
  20. Node.js相关——CommonJS规范

热门文章

  1. node+mongodb+WP构建的移动社交应用源码 分享
  2. php实现把数组排成最小的数（核心是排序）（看别人的代码其实也没那么难）（把php代码也看一下）（implode(&quot;&quot;,$numbers);）（usort）
  3. js进阶正则表达式6转义字符（加\转义）（.符号）（|符号）
  4. [Ramda] Create a Query String from an Object using Ramda&#39;s toPairs function
  5. [React] Use React.cloneElement to Extend Functionality of Children Components
  6. 【z01】铺地毯
  7. 使用RpcLite构建SOA/Web服务
  8. 【第400篇题解纪念2016年10月28日】【28.10%】【codeforces 617E】XOR and Favorite Number
  9. expdp备份速度慢的问题
  10. Android Studio官方文档： 如何在你的设备上运行你的程序