点击左右移动下拉选项小案例

效果图

js代码

<script type="text/javascript">
$(function(){
$("#add").click(function(){
$("#all_role option:selected").appendTo($("#to_role "));
});
$("#add_all").click(function(){
$("#all_role option").appendTo($("#to_role "));
});
$("#remove").click(function(){
$("#to_role option:selected").appendTo("#all_role");
});
$("#remove_all").click(function(){
$("#to_role option").appendTo("#all_role");
});
});
</script>

HTML代码

<div style="padding-top:10px;"><span class="blue">您可以用“Ctrl+鼠标左键”选择多个角色同时添加或删除</span></div>
<div style="float: left;padding-top:15px;">
<div class="DIV1" style="float: left ;width: 100px">
<select >
</select>
</div>
</div>