jQuery选择框设置左右选择值js特效_移动左边选择的值到右边

jQuery选项移动示例

转载于 2021-12-23 13:37:22 发布 · 623 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://yy123.ink/frontDetail/11876

文章标签：

#jquery #javascript #ecmascript

网站模版专栏收录该内容

3170 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的简单示例，通过几个按钮控制两个下拉框之间的选项移动，包括单个移动、全部移动及双击移动等功能。

下载地址

js代码相当简单//移到右边 $("#add").click(function(){ //获取选中的选项，删除并追加给对方 $("#select1 option:selected").appendTo("#select2"); }); //移到左边 $("#remove").click(function(){ $("#select2 option:selected").appendTo("#select1"); }); //全部移到右边 $("#add_all").click(function(){ //获取全部的选项,删除并追加给对方 $("#select1 option").appendTo("#select2"); }); //全部移到左边 $("#remove_all").click(function(){ $("#select2 option").appendTo("#select1"); }); //双击选项 $("#select1").dblclick(function(){ //绑定双击事件 //获取全部的选项,删除并追加给对方 $("option:selected",this).appendTo("#select2"); //追加给对方 }); //双击选项 $("#select2").dblclick(function(){ $("option:selected",this).appendTo("#select1"); });