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");
});

});