就是实现这个效果的，选中添加到右边，全部添加到右边，选中删除到左边，全部删除到左边。
html部分：
<div class="centent">
<select multiple="multiple" id="select2" style="width: 100px;height:160px;">
<option value="8">选项8</option>
</select>
<div>
<span id="remove"><<选中删除到左边</span>
<span id="remove_all"><<全部删除到左边</span>
</div>
</div>
</body>
这里要注意的是select的multiple属性，只有添加了之后，才会在select框中出现多个select选项。
否则只会显示出一条。
jQuery代码解析：
效果类似于$("#select1 option:selected")。
如果不加上，this这个参数的话，就会牵扯到全局中的选中项。就会出错。
注意点2：
append()与appendTo()方法的区别。
append(content|fn)向每个匹配的元素内部追加内容。
appendTo(content)把所有匹配的元素追加到另一个指定的元素元素集合中。
前者是向匹配的元素中添加内容的，后者是把匹配的素有元素追加到另一个指定的元素集合中的。
比如$("p").append("<b>Hello</b>");是向p元素中追加内容<b>Hello</b>。
原来的p元素内容：<p>I would like to say: </p>现在的p元素内容：[ <p>I would like to say: <b>Hello</b></p> ]$("p").appendTo("div");将p元素追加到div元素中。原来的内容：<p>I would like to say: </p>
<div></div><div></div>结果：<div><p>I would like to say: </p></div> <div><p>I would like to say: </p></div>