杨荣华 发表于 2012-12-22 21:43:05

Jquery操作下拉框

Jquery操作下拉框

<div class="postText"><div id="cnblogs_post_body">要实现这种效果:
http://pic002.cnblogs.com/images/2012/380008/2012110415494271.png
<div class="cnblogs_code" >http://images.cnblogs.com/OutliningIndicators/ContractedBlock.gifhttp://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gifHTML代码<div id="cnblogs_code_open_71ffb9bb-cae7-4102-bb40-bfa2322cb2a0" class="cnblogs_code_hide"> 1 <scriptsrc="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>
页: [1]
查看完整版本: Jquery操作下拉框