multiselect选中_JQuery MultiSelect（左右选择框）

demo

$("#addOne").click(function(){

$("#from option:selected").clone().appendTo("#to");

$("#from option:selected").remove();

});//选择全部

$("#addAll").click(function(){

$("#from option").clone().appendTo("#to");

$("#from option").remove();

});//移除一项

$("#removeOne").click(function(){

$("#to option:selected").clone().appendTo("#from");

$("#to option:selected").remove();

});//移除全部

$("#removeAll").click(function(){

$("#to option").clone().appendTo("#from");

$("#to option").remove();

});//移至顶部

$("#Top").click(function(){varallOpts=$("#to option");varselected=$("#to option:selected");if(selected.get(0).index!=0){for(i=0;i

item.insertBefore(top);

}

}

});//上移一行

$("#Up").click(function(){varselected=$("#to option:selected");if(selected.get(0).index!=0){

selected.each(function(){

$(this).prev().before($(this));

});

}

});//下移一行

$("#Down").click(function(){varallOpts=$("#to option");varselected=$("#to option:selected");if(selected.get(selected.length-1).index!=allOpts.length-1){for(i=selected.length-1;i>=0;i--){varitem=$(selected.get(i));

item.insertAfter(item.next());

}

}

});//移至底部

$("#Buttom").click(function(){varallOpts=$("#to option");varselected=$("#to option:selected");if(selected.get(selected.length-1).index!=allOpts.length-1){for(i=selected.length-1;i>=0;i--){varitem=$(selected.get(i));varbuttom=$(allOpts.get(length-1));

item.insertAfter(buttom);

}

}

});

});

选项1

选项2

选项3

选项4

选项5

选项6

选项7

> "style="width:50px;" />

"style="width:50px;" />