JQuery对Select的操作

利用JQuery简单完成对二个Select的操作，从左边到右边或者从右边到左边。

在JQuery的学习中，感受到JQuery的强大，还有其他JQuery的各种替代DOM操作需要学习。

下面是简单示例的部分代码截图：

下面的部分代码：

<table>
  <tr>
    <td>
    <!--multiple="multiple" 能同时选择多个   size="10"  确定下拉选的长度-->
<select name="first" multiple="multiple" size=10 class="td3" id="first">
 <option value="选项1">选项1</option>
 <option value="选项2">选项2</option>
 <option value="选项3">选项3</option>
 <option value="选项4">选项4</option>
 <option value="选项5">选项5</option>
 <option value="选项6">选项6</option>
 <option value="选项7">选项7</option>
 <option value="选项8">选项8</option>
</select>    
</td>
    <td width="69" valign="middle">
       <input name="add"  id="add" type="button" class="button" value="-->" /> 
       <input name="add_all" id="add_all"  type="button" class="button" value="==>" /> 
       <input name="remove"  id="remove" type="button" class="button" value="&lt;--" />
  <input name="remove_all"  id="remove_all" type="button" class="button" value="&lt;==" />
        </td>
    <td width="127" align="left">
 <select name="second" size="10" multiple="multiple" class="td3" id="second" >
      </select>
</td>
  </tr>
</table>