java实现两个select框内容左右移动，js实例

js编码：

$(document).ready(function (){
//双击将选中的option追加至select2中
$("#select1").dblclick(function (){

$("#select1 option:selected").prependTo("#select2");
});

//双击将选中的option追加至select1中
$("#select2").dblclick(function (){

$("#select2 option:selected").prependTo("#select1");
});

//点击第一个button按钮，将select1中选中的option追加到select2中
$("#right").click(function (){
$("#select1 option:selected").prependTo("#select2");
});


//点击第二个button按钮，将select1中的option全部到select2中
$("#top").click(function (){
$("#select1 option").prependTo("#select2");
}); 


//点击第三个button按钮，将select2中选中的option追加到select1中
$("#left").click(function (){
$("#select2 option:selected").prependTo("#select1");
});

//点击第四个button按钮，select2中的option全部到select1中
$("#bottom").click(function (){
$("#select2 option").prependTo("#select1");
});

});