首页>>表单>>双Select框互动选择(2015-10-11)

双Select框互动选择

双Select框互动选择
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <select id="checked" style="height: 200px; width: 50px;" size="10"  
  2.                             name="courseIds" multiple="multiple" onclick="unCheck(this)"  
  3.                             ondblclick="unSelect(this);">  
  4.                         </select>  
XML/HTML Code
  1. <select id="unchecked" style="height: 200px; width: 50px;"  
  2.                             size="10" onclick="check(this)" ondblclick="select(this);">  
  3.                             <option value="1" class="1">  
  4.                                 苹果  
  5.                             </option>  
  6.                             <option value="2" class="2">  
  7.                                 香蕉  
  8.                             </option>  
  9.                             <option value="3" class="3">  
  10.                                 橘子  
  11.                             </option>  
  12.                             <option value="4" class="4">  
  13.                                 草莓  
  14.                             </option>  
  15.                             <option value="5" class="5">  
  16.                                 梨子  
  17.                             </option>  
  18.                         </select>  

 


原文地址:http://www.freejs.net/article_biaodan_508.html