0
点赞
收藏
分享

微信扫一扫

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

前程有光 2021-09-25 阅读 50

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

举报

相关推荐

0 条评论