下拉框有非常多的应用，这里也是选择其中一个常用、经典的应用来进行介绍：
某个网站的一个后台新增界面，用户可以用通过中间的按钮将左边选中的选项添加到右边，也可以将右边的选项添加到左边，或者双击选项，将其添加给对方，中间增加一左一右两个下拉框，然后在他们下方分别加上几个功能按钮；
还是如以前，html代码相信你们可以写的，所以我就不写了。
需要实现的功能如下：
将选中的选项添加给对方
将全部选项添加给对方
双击某个选项将其添加给对方
首先我们先将左边的选项添加到右边，
jquery代码：
$(‘#add’).click(function(){
var $options = $(‘#select1 option:selected’);
var $remove = $options.remove();
$remove.appendTo(‘#select2’);
});
以上代码可以简化为：
$(‘#add’).click(function(){
var $option = $(‘#select1 option:selected’);
$options.appendTo(‘#select2’);
})
然后实现第二个功能：
jquery代码：
$(‘#add_all’).click(function(){
var $options = $(‘#select1 option’);
$options.appendTo(‘#select2’);
});
最后实现第三个功能：
首先先给下拉菜单绑定双击事件
jquery代码：
$(”#select1).dblclick(function(){
//将选中的选项添加给对方
});
然后通过$(‘option:selected’,this)方法来获取被选中的选项：
jquery代码：
$(‘#select1’).dblclick(function(){
var $options = $(‘option:selectedd’,this);
$options.appendTo(‘#select2’);
});
前面三个功能是件个左边添加给右边，如果将右边添加给左边，代码也完全相同，这里就不写了
