1.  <html>
  2.  <head>
  3.  <meta charset="utf-8">
  4.  <title>完成左移右移</title>
  5.  <script src="jquery.js"></script>
  6.  <style type="text/css">
  7.      table{background-color:purple;}
  8.      input{background-color:blue;}
  9.  </style>
  10.  <script language="javascript">
  11.      $("document").ready(function(){
  12.          $("#b1").click(function(){
  13.              var v1=$("#k1").find("option:selected").text();
  14.              if(v1!=null){
  15.                  $("#k2").append("<option value=''>"+v1+"</option>");
  16.                  $("#k1 option:selected").remove()
  17.              }
  18.          });    
  19.  
  20.          $("#b2").click(function(){
  21.              var v2=$("#k2").find("option:selected").text();
  22.              if(v2!=null){
  23.                  $("#k1").append("<option value=''>"+v2+"</option>");
  24.                  $("#k2 option:selected").remove();
  25.              }
  26.          });
  27.      });
  28.  </script>
  29.  </head>
  30.  <body>
  31.  <form action="#" method="post">
  32.  <table>
  33.      <tr>
  34.          <td>
  35.              <select id="k1" size="10" style="width:200px;">
  36.                  <option id="p1">柠檬学院</option>
  37.                  <option id="p2">柠檬学员</option>
  38.                  <option id="p3">柠檬人</option>
  39.              </select>
  40.          </td>
  41.          <td>
  42.              <input type="button" id="b1" value=">>"/>
  43.              <input type="button" id="b2" value="<<"/>
  44.          </td>
  45.          <td>
  46.              <select id="k2" size="10" style="width:200px;">
  47.                  <option>李哥</option>
  48.              </select>
  49.          </td>
  50.      </tr>
  51.  </table>
  52.  </form>
  53.  </body>
  54.  </html>

  1.  <html>
  2.  <head>
  3.  <meta charset="utf-8">
  4.  <title>完成左移右移</title>
  5.  <script src="jquery.js"></script>
  6.  <style type="text/css">
  7.      table{background-color:purple;}
  8.      input{background-color:yellow;}
  9.  </style>
  10.  <script language="javascript">
  11.      $(document).ready(function(){
  12.          $("#b1").click(function(){
  13.              $("#k2").append($("#k1 option:selected"));
  14.          });
  15.  
  16.          $("#b2").click(function(){
  17.              $("#k1").append($("#k2 option:selected"));
  18.          });
  19.  
  20.          $("#b3").click(function(){
  21.              $("#k2").append($("#k1 option"));
  22.          });
  23.  
  24.          $("#b4").click(function(){
  25.              $("#k1").append($("#k2 option"));
  26.          });
  27.  
  28.          $("#add0").click(function(){
  29.              var a=$("#add").val();
  30.              $("#k1").append("<option value="+a+0+">"+a+"</option>");
  31.              $("#add").val("");
  32.          });
  33.      });
  34.  </script>
  35.  </head>
  36.  <body>
  37.  <form action="#" method="post">
  38.  <table>
  39.      <tr>
  40.          <td>
  41.              <select id="k1" size="10" style="width:200px;">
  42.                  <option value="Ning1" id="p1">柠檬学院</option>
  43.                  <option value="Ning2" id="p2">柠檬学员</option>
  44.                  <option value="Ning3" id="p3">柠檬人</option>
  45.              </select>
  46.          </td>
  47.          <td>
  48.              <input type="button" id="b1" value=">>"/>
  49.              <input type="button" id="b3" value="==>>"/><br/>
  50.              <input type="button" id="b2" value="<<"/>
  51.              <input type="button" id="b4" value="<<=="/>
  52.  
  53.          </td>
  54.          <td>
  55.              <select id="k2" value="Ning4" size="10" style="width:200px;">
  56.                  <option>李哥</option>
  57.              </select>
  58.          </td>
  59.      </tr>
  60.  </table>
  61.  </form>
  62.  内容：<input type="text" id="add"/>
  63.        <input type="button" value="添加" id="add0"/>
  64.  
  65.  </body>
  66.  </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. MATLAB - 练习程序，直方图均衡化

    直方图均衡化的作用是图像增强. 有两个问题比较难懂,一是为什么要选用累积分布函数,二是为什么使用累积分布函数处理后像素值会均匀分布. 第一个问题.均衡化过程中,必须要保证两个条件:①像素无论怎么映射, ...

  2. centos 下添加epel源

    来源于http://www.centoscn.com/CentOS/config/2014/0920/3793.html,收录备用 0.安装yum优先级插件 yum install yum-prior ...

  3. redis Transaction支持

    前面主要介绍了redis数据类型,这里讲下事务问题 NoSQL都不支持事务,虽然Redis的Transactions提供的并不是严格的ACID的事务(比如一串用EXEC 提交执行的命令,在执行中服务器 ...

  4. topsort | | jzoj[1226] | | NOIP2003神经网络

    今天终于通过了那道永远都看不懂题目的神经网络... 所谓拓扑排序,就是在有向无环图中,根据已经有的点和点之间的关系进行排序 引用jzyz教材上的栗子:比如说奶牛比较食量大小,我现在拿到的是cow[i] ...

  5. JAVA基础之两种核心机制

    突然之间需要学习Java,学校里学的东西早就忘记了,得用最短的时间把Java知识理顺,重点还是J2EE,毕竟所有的ava项目中95%都是J2EE,还是先从基础的J2SE学起吧....... 首先是了解 ...

  6. 浅谈.Net WebService开发

    一.什么是WebService: 简单通俗来说,就是企业之间.网站之间通过Internet来访问并使用在线服务,一些数据,由于安全性问题,不能提供数据库给其他单位使用,这时候可以使   用WebSer ...

  7. Java 第11章 类的无参方法

    类的无参方法 类的方法由哪几部分组成? 方法的定义: 1.访问权限修饰符 2.方法返回的数据类型 3.方法的名称 4.方法的主体 成员变量和局部变量的区别有那些? ~ 作用域不同 - 成员变量的作用域 ...

  8. mybatis异常

    一.Invalid bound statement 1.mapper.xml中namespaces错误(***) 2.方法不存在 3.方法返回值错误 二.Mapped Statements colle ...

  9. swoole 安装

    swoole 安装: 1. 下载源代码,我下载的是1.8.6版本wget https://github.com/swoole/swoole-src/archive/1.8.6-stable.tar.g ...

  10. Heartbeat的两个小BUG

    1,heartbeat启动不起来 如果你是用了linux-ha.japan里面的repo文件,Yum安装pacemaker+heartbeat时. 可能会发现打了service heartbeat s ...