<html>

 <head>

 <meta charset="utf-8">

 <title>完成左移右移</title>

 <script src="jquery.js"></script>

 <style type="text/css">

     table{background-color:purple;}

     input{background-color:blue;}

 </style>

 <script language="javascript">

     $("document").ready(function(){

         $("#b1").click(function(){

             var v1=$("#k1").find("option:selected").text();

             if(v1!=null){

                 $("#k2").append("<option value=''>"+v1+"</option>");

                 $("#k1 option:selected").remove()

             }

         });    

         $("#b2").click(function(){

             var v2=$("#k2").find("option:selected").text();

             if(v2!=null){

                 $("#k1").append("<option value=''>"+v2+"</option>");

                 $("#k2 option:selected").remove();

             }

         });

     });

 </script>

 </head>

 <body>

 <form action="#" method="post">

 <table>

     <tr>

         <td>

             <select id="k1" size="10" style="width:200px;">

                 <option id="p1">柠檬学院</option>

                 <option id="p2">柠檬学员</option>

                 <option id="p3">柠檬人</option>

             </select>

         </td>

         <td>

             <input type="button" id="b1" value=">>"/>

             <input type="button" id="b2" value="<<"/>

         </td>

         <td>

             <select id="k2" size="10" style="width:200px;">

                 <option>李哥</option>

             </select>

         </td>

     </tr>

 </table>

 </form>

 </body>

 </html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>完成左移右移</title>

 <script src="jquery.js"></script>

 <style type="text/css">

     table{background-color:purple;}

     input{background-color:yellow;}

 </style>

 <script language="javascript">

     $(document).ready(function(){

         $("#b1").click(function(){

             $("#k2").append($("#k1 option:selected"));

         });

         $("#b2").click(function(){

             $("#k1").append($("#k2 option:selected"));

         });

         $("#b3").click(function(){

             $("#k2").append($("#k1 option"));

         });

         $("#b4").click(function(){

             $("#k1").append($("#k2 option"));

         });

         $("#add0").click(function(){

             var a=$("#add").val();

             $("#k1").append("<option value="+a+0+">"+a+"</option>");

             $("#add").val("");

         });

     });

 </script>

 </head>

 <body>

 <form action="#" method="post">

 <table>

     <tr>

         <td>

             <select id="k1" size="10" style="width:200px;">

                 <option value="Ning1" id="p1">柠檬学院</option>

                 <option value="Ning2" id="p2">柠檬学员</option>

                 <option value="Ning3" id="p3">柠檬人</option>

             </select>

         </td>

         <td>

             <input type="button" id="b1" value=">>"/>

             <input type="button" id="b3" value="==>>"/><br/>

             <input type="button" id="b2" value="<<"/>

             <input type="button" id="b4" value="<<=="/>

         </td>

         <td>

             <select id="k2" value="Ning4" size="10" style="width:200px;">

                 <option>李哥</option>

             </select>

         </td>

     </tr>

 </table>

 </form>

 内容：<input type="text" id="add"/>

       <input type="button" value="添加" id="add0"/>

 </body>

 </html>

jQuery实现左移右移的更多相关文章

  1. select多选左移右移的实现

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  2. EASYUI- EASYUI左移右移 GRID中值

    EASYUI左移右移 GRID中值 $("#addAll").click(function(){ var ids = []; var names = []; var srcrows ...

  3. 【转载】c语言数据的左移右移

    原文地址:http://www.cnblogs.com/myblesh/articles/2431806.html 由于在飞控程序中执行效率对程序的影响相当大,所以一个好的运算效率很重要.左移右移比单 ...

  4. 嵌入式C开发---用循环实现左移右移

    //将n左移m位 int byte_to_left_move(int n , int m) { int i , ret = 1 ; if(n == 0 || n < 0) { return ; ...

  5. python 左移右移 2个数交换

    左移右移的能够使得数字*2或者/2 那*3怎么办,就左移一位然后再+ 经典面试题: 1.交换2个数,不用temp   a=10  b=12 1.1 a = a + b = 22 b = a - b = ...

  6. JAVA 基础编程练习题32 【程序 32 左移右移】

    32 [程序 32 左移右移] 题目:取一个整数 a 从右端开始的 4-7 位. 程序分析:可以这样考虑: (1)先使 a 右移 4 位. (2)设置一个低 4 位全为 1,其余全为 0 的数.可用~ ...

  7. 【C#】关于左移/右移运算符的使用

    吐槽先~为什么我的老师大学时候没教过我这东西  - -. 继续送栗子: 比如 “(1+2)<<3” 你们猜等于几~ Debug.Log((1+2)<<3)之后输出的是“24”. ...

  8. jquery以及js实现option左移右移

    <table cellspacing="1" width="350px" align="center"> <tr> ...

  9. java左移右移运算符

    http://blog.csdn.net/dandanteng/article/details/7433531 首先要明白一点,这里面所有的操作都是针对存储在计算机中中二进制的操作,那么就要知道,正数 ...

随机推荐

  1. iOS定位到崩溃代码行数

    不知道大家是不是在代码调试过程中经常遇到项目崩溃的情况: 比如: 数组越界: 没有实现方法选择器: 野指针: 还有很多很多情况.......昨天学到了一种可以直接定位到崩溃代码行数的一个命令,记录一下 ...

  2. java利用jxl操作Excel

    /** * 把从数据库查询到的数据,写入电子表格 * * @throws Exception */ public void createXls() throws Exception { Dao dao ...

  3. 解决KDE桌面环境下Eclipse崩溃的问题--让Eclipse使用特定的GTK2主题运行

    最近在Kubuntu14.04上安装Eclipse,由于Ubuntu软件中心中的版本太老(3.8),而且会自动安装OpenJDK,于是到官网下载最新的4.4版.(Luna,代号很有亲切感有木有,女神万 ...

  4. Android消息机制：Looper,MessageQueue,Message与handler

    Android消息机制好多人都讲过,但是自己去翻源码的时候才能明白. 今天试着讲一下,因为目标是讲清楚整体逻辑,所以不追究细节. Message是消息机制的核心,所以从Message讲起. 1.Mes ...

  5. delphi日期格式化免操作系统依赖单元

    delphi免操作系统依赖单元 经常在windows里面,我们需要yyyy-mm-dd格式日期,可是用户却没有设置成这个 格式,而用程序去修改用户的日期格式设置,是不明智的,将影响其他程序的运行. 本 ...

  6. 日志log使用序列反序列加密（Serializer） DESCrypto 加密

    若一次加密一个文件内容,文件内容不会更新变化,网上大多数序列化反序列加密程序是没问题的. 1:由于log文件的随时会更新内容,那网上常用的程序是行不通的.需要做修改 若想通过打开txt , using ...

  7. Add sharing to your app via UIActivityViewController

    http://www.codingexplorer.com/add-sharing-to-your-app-via-uiactivityviewcontroller/ April 4, 2014 Ev ...

  8. 如何让chrome始终运行插件

    使用chrome可能有时候会拦截比如阿里旺旺和腾讯等的登录插件,那么怎么才始终允许,而不需要每次确认呢.下面. 1. 打开Chrome浏览器. 在地址栏中输入 chrome://plugins 回车 ...

  9. Cocos2d-x v3.6制作射箭游戏（二）

    原文 Cocos2d-x v3.6制作射箭游戏(二) 六 24, 2015by RENSHANin COCOS2D-X 上章我们创建并加载了游戏地图,接下来的两章我们将实现如下的效果. 在开始之前,先 ...

  10. UVA 12657 Boxes in a Line 双向链表

    题目连接:http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=47066 利用链表换位置时间复杂度为1的优越性,同时也考虑到使用实际 ...