下拉列表 <br>.centent{ <br>float: left; <br>width: 300px; <br>height: 200px; <br>} <br>span{ <br>background-color:yellow; <br>} <br> <br>$(function(){ <br>$("#add").click(function(){ <br>/* //获取下拉框选中的选项 <br>$option=$("#s1 option:selected"); <br>//删除下拉框选中的选项 <br>var $remove=$option.remove(); <br>//将要删除的option追加给对方 <br>$remove.appendTo("#s2"); */ <br>//删除和追加操作可以使用appendTo()方法直接完成 <br>$option=$("#s1 option:selected"); <br>$option.appendTo("#s2"); <br>}); <br>//将全部的option追加给对方 <br>$("#add_all").click(function(){ <br>//获取所有的option <br>$option=$("#s1 option"); <br>//追加给对方 <br>$option.appendTo("#s2"); <br>}); <br>//双击进行追加给对方 <br>$("#s1").dblclick(function(){ <br>//获取双击选中的选项 <br>var $option=$("option:selected",this); <br>//追加给对方 <br>$option.appendTo("#s2"); <br>}); <br>//选中删除到左边 <br>$("#del").click(function(){ <br>$option=$("#s2 option:selected"); <br>$option.appendTo("#s1"); <br>}); <br>//全部删除到左边 <br>$("#del_all").click(function(){ <br>$option=$("#s2 option"); <br>$option.appendTo("#s1"); <br>}); <br>//双击删除 <br>$("#s2").dblclick(function(){ <br>$option=$("option:selected",this); <br>$option.appendTo("#s1"); <br>}); <br>}); <br> 选项1 选项2 选项3 选项4 选项5 选项6 选项7 选项8 选中添加到右边>> 全部添加到右边>> <<选中删除到左边 <<全部删除到左边
