双下拉框内容左右移动，appendTo(),click,dblclick()，主要难点在选择器写法确定选择下拉框的内容

一、要实现的效果
1. 可以选择左边框的一个或多个内容移动右边，右边也可以选择一个或多个内容移到左边，也可全部移动
2. 双击左边框的内容跳到右边框，双击右边跳到左边

二、用到的appendTo()方法
格式：$(content).appendTo(selector) //把content内容插入到selector元素的结尾
例：
 $("buttion").click(function(){
  $("<b>Hello World!</b>").appendTo("p"); //每点一次把hello world添加到P标签中
 })

三、用到的dblclick()和click()方法
格式：$(selector).click(function)  //触发click事件时执行

四、具体用到的代码
两个select框一个id为select1，一个为select2，四个按钮分别为add，remove，add_all，remove_all
 $("#add").click(function(){ //当
  $("#select1 option:selected").appendTo(“#select2”); //把select1中option项选中的内容移动select2中
 })
 
 $("#remove").click(function(){
  $("#select2 option:selected").appendTo(“#select1”); //把select2选中的内容移动select1中
 })
 $("#add_all").click(function(){
  $("#select1 option").appendTo(“#select2”);  //把select1中所有的内容移动select2中
 })
 $("#reove_all").click(function(){
  $("#select2 option:").appendTo(“#select1”); //把select2中所有的内容移动select1中
 })
 $("#select1").dblclick(function(){ //当select1被双击时
  $("select1 option:selected").appendTo("#select2");
 })
 $("#select2").dblclick(function(){
  $("select2 option:selected").appendTo("#select1");
 })