就是为了达到这个效果，选择向右添加，向右全部添加，向左选择删除，向左全部删除。部分html:复制的代码如下： body div class=' centet ' select multiple=' multiple ' id=' select 1 ' style=' width :100 px；' height:160px'选项值='1 '选项1/选项值='2 '选项2/选项值='3 '选项3/选项值='4 '选项4/选项选项选项值=' 5 '选项5/选项值=' 6 '选项6/选项值=' 7 '选项7/选项/选择div span id='add '选中添加到右侧/span span id='add_all '全部添加到右侧/span/div/div class=' centet '选择multiple=' multiple ' id=' select2 ' style=' width 33' height:160px'option value=' 8 ' option 8/option/select div span id=' remove '左侧select delete/span span id=' remove _ all '左侧delete all/span/div/div/body在这里，我们要注意select的多重属性，只有添加之后，选择框中才会出现多个select选项。否则，将只显示一个。JQuery代码分析：复制的代码如下： script type=' text/JavaScript ' $(function(){//向右移动$('#add ')。点击(function() {//获取选中的选项，删除后追加到对方$(' # select1 options 3360 selected ')。appendto(。});//向左移动$ ('# remove ')。单击(function(){ $(' # select 2 option 3360 selected '))。appendo(' # select 1 ')；});//向右移动全部$ ('# add _ all ')。点击(函数(){//获取所有选项，删除并追加到对方$ ('# select1option ')中。appendo(' # select 2 ')；});//向左移动全部$ ('# remove _ all ')。单击(function () {$ ('# select2option ')。appendo(' # select 1 ')；});//双击选项$ ('# select1 ')。dblclick (function () {//bind双击事件//)要获取所有选项，将其删除并追加到对方$(' options : selected '，this)。appendo(' # select 2 ')；//添加到另一方})；//双击选项$ ('# select2 ')。dblclick(function(){ $(' option : selected '，this)。追加到(' # select 1 ')；});});/script这里需要注意的是$('option:selected '，this)。这看起来有点奇怪。实际上，$()有两个参数，一个是选择器，一个是作用域。和$('xxxx，xxx ')。在通常的意义上，$('xxxx ')实际上默认为第二个作用域。完整应为$('xxxx '，文档)。添加此内容后，范围仅限于#select1或#select2。也就是说，select1中的选定项目会添加到#select2之后。效果类似于$(' # select 1 options : selected ')。如果不添加此参数，它将涉及全局中的选定项。会出问题。注2:2:append()和appendTo()方法的区别。Append(content|fn)向每个匹配的元素追加内容。appendo(content)将所有匹配的元素追加到另一个指定的元素集。前者向匹配的元素添加内容，而后者将匹配的元素追加到另一个指定的元素集。例如$('p ')。追加(' Hello ')；就是将内容Hello追加到p元素中。原p元素内容：pi想说3360/p当前p元素内容：【pi想说3360 hello/p】$(' p ')。追加到(' div ')；将p元素追加到div元素中。原创内容：pi想说：/pdiv/div/div结果：div pi想说3360/p/div pi想说3360/p/div。