在项目中，我们经常遇到下拉框。当平面和响应性的布局流行时，使用jQuery下拉框是非常必要的，而且它也会更加美观。下面我们推荐一个基于jQuery的下拉框代码。

jQuery代码：



复制代码代码如下所示：

$（函数（）{（））

$（#添加）。Click（function（）{）

VaR的选项（#美元=美元的选择：选择）；

options.appendto美元（# select2 ）；

}）；

$（#删除）。Click（function（）{）

VaR的选项（#美元=美元select2选项：选择）；

options.appendto美元（# select1 ）；

}）；

$（# add_all）。Click（function（）{）

var =（#美元美元期权的期权）；

options.appendto美元（# select2 ）；

}）；

$（# remove_all）。Click（function（）{）

VaR的选项（#美元=美元select2选项）；

options.appendto美元（# select1 ）；

}）；

$（# select1）。Dblclick（function（）{）

选项$ = $（选项：选定的，这个）；获取所选的选项

options.appendto美元（# select2）；

}）；

$（# select2）。Dblclick（function（）{）

选项$ = $（选项：选定的，这个）；获取所选的选项

options.appendto美元（# select1）；

}）；

}）；



HTML代码：

复制代码代码如下所示：







选项1

选项2

选项3

选项4

选项5

选项6

选项7

选项8





选择添加到右侧

所有添加到右边

























很简单吗合作伙伴需要的是直接提供给项目。