java左右移动选项_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");

});

});

————————————————

版权声明：本文为CSDN博主「偶爾」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/weixin_41377877/article/details/80400747