Jquery操作下拉框

杨荣华

Jquery操作下拉框

<div class="postText"><div id="cnblogs_post_body">要实现这种效果：

<div class="cnblogs_code" >HTML代码<div id="cnblogs_code_open_71ffb9bb-cae7-4102-bb40-bfa2322cb2a0" class="cnblogs_code_hide"> 1 <script  src="js/jquery-1.7.2.min.js"></script> 2 <table> 3     <tr> 4           <td> 5               <!--multiple设定下拉框可以多选，size设定下拉框不呈现下拉方式，--> 6               <select size="12" id="One" multiple="multiple"> 7                     <option>苹果</option> 8                     <option>香蕉</option> 9                     <option>草莓</option>10                     <option>橘子</option>11               </select>12           </td>13           <td>14                   <input type="button" value=">>>"><br>15                   <input type="button" value=" > "><br>16                   <input type="button" value=" < "><br>17                   <input type="button" value="<<<"><br>18 19           </td>20           <td>21                  <select size="12" id="two" multiple="multiple">22                       <option>葡萄</option>23                  </select>24                    25           </td>26 27           <td>28                   <input type="button" value=" up "><br><br>29                   <input type="button" value="down"><br>30           </td>31     </tr>32 </table>