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

最新推荐文章于 2021-06-03 01:47:03 发布

置顶空谷有来人

最新推荐文章于 2021-06-03 01:47:03 发布

阅读量1.5k

点赞数 1

分类专栏： it java js 文章标签： select框

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

版权

java 同时被 3 个专栏收录

49 篇文章 0 订阅

订阅专栏

30 篇文章 0 订阅

订阅专栏

9 篇文章 0 订阅

订阅专栏

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

});