<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. Linux档案与目彔的基本操作(查看与权限)

    此文包含的命令: cd.pwd.mkdir.rmdir.rm.ls.cp.mv.cat.tac.more.less.head.tail.od.touch.umask.chattr.lsattr.fil ...

  2. [原创][LaTex]LaTex学习笔记入门

    0. 简介 LaTEX(/ˈlɑːtɛx/,常被读作/ˈlɑːtɛk/或/ˈleɪtɛk/),文字形式写作LaTeX,是一种基于TEX的排版系统,由美国电脑学家莱斯利·兰伯特在20世纪80年代初期开发 ...

  3. IIS mime类型 任意类型

    HTTP头   任意mime类型   .*    application/octet-stream

  4. php包含(include/require)文件时的作用域

    当一个php脚本被require/include时,他的变量作用域根据其上下文环境决定. 1.如果是在一个函数中require/include一个文件,则此文件中的变量作用域是这个函数的范围.也就是说 ...

  5. Verilog之基本算数运算

    1.加减法 module addsub ( :] dataa, :] datab, input add_sub, // if this is 1, add; else subtract input c ...

  6. 设置IE8 多个Table只产生一个进程

    //设置IE8 多个Table只产生一个进程 using Microsoft.Win32; RegistryKey key = Registry.LocalMachine; RegistryKey s ...

  7. Nginx 常用伪静态配置

    1. /a/b?c=d => index.php?_a=a&_m=b&c=d 2. /xxx/detail-yyy.html => index.php?_a=xxx& ...

  8. [f]动态判断js加载完成

    在正常的加载过程中,js文件的加载是同步的,也就是说在js加载的过程中,浏览器会阻塞接下来的内容的解析.这时候,动态加载便显得尤为重要了,由于它是异步加载,因此,它可以在后台自动下载,并不会妨碍其它内 ...

  9. Install nutch

    1. Install nutch on single node: $apt-get install subversion $apt-get install ant $svn co https://sv ...

  10. bookshelf

    nodejs mysql ORM 比node-mysql好用多了. bookshelf 支持restful功能,用到的时候研究下:https://www.sitepoint.com/getting-s ...