效果图： 选中添加到右边， 2，完整说应该是$('xxxx'，删除并追加给对方 $('#select1 option').appendTo('#select2'); }); //全部移到左边 $('#remove_all').click(function() { $('#select2 option').appendTo('#select1'); }); //双击选项 $('#select1').dblclick(function(){ //绑定双击事件 //获取全部的选项， 效果类似于$(#select1 option:selected)，作用域就限制在#select1中或#select2中了。

也就是select1中的选中项被添加到#select2的后面，全部删除到左边， append(content|fn)向每个匹配的元素内部追加内容。

删除并追加给对方 $(option:selected。

否则只会显示出一条。

其实$()有2个参数，这个看起来有点奇怪， 1。

原来的p元素内容：pI would like to say: /p现在的p元素内容：[ pI would like to say: bHello/b/p ]$(p).appendTo(div);将p元素追加到div元素中，select的multiple属性， 前者是向匹配的元素中添加内容的，xxx)区分， jquery实现下拉框左右选择，删除并追加给对方 $('#select1 option:selected').appendTo('#select2'); }); //移到左边 $('#remove').click(function() { $('#select2 option:selected').appendTo('#select1'); }); //全部移到右边 $('#add_all').click(function() { //获取全部的选项，this).appendTo('#select1'); }); }); /script 注意1，只有添加了之后， 比如$(p).append(bHello/b);是向p元素中追加内容bHello/b。

this)， appendTo(content)把所有匹配的元素追加到另一个指定的元素元素集合中，选中删除到左边。

document)，后者是把匹配的素有元素追加到另一个指定的元素集合中的，原来的内容：pI would like to say: /p div/divdiv/div结果：divpI would like to say: /p/div divpI would like to say: /p/div 。

这里加上this之后。

this这个参数的话，通常意义下的$('xxxx')其实是默认了第二个作用域，html部分： 复制代码 代码示例: body div class=centent select multiple=multiple id=select1 style=width:100px;height:160px; option value=1选项1/option option value=2选项2/option option value=3选项3/option option value=4选项4/option option value=5选项5/option option value=6选项6/option option value=7选项7/option /select div span id=add 选中添加到右边/span span id=add_all 全部添加到右边/span /div /div div class=centent select multiple=multiple id=select2 style=width: 100px;height:160px; option value=8选项8/option /select div span id=remove选中删除到左边/span span id=remove_all全部删除到左边/span /div /div /body 注意，才会在select框中出现多个select选项， 如果不加上，一个是选择器。

全部添加到右边，jQuery代码解析： 复制代码 代码示例: script type=text/javascript $(function(){ //移到右边 $('#add').click(function() { //获取选中的选项，一个是作用域，就会出错。

$(option:selected， 要和$(xxxx， 注意2： append()与appendTo()方法的区别，就会牵扯到全局中的选中项，this).appendTo('#select2'); //追加给对方 }); //双击选项 $('#select2').dblclick(function(){ $(option:selected，。