首页>>表单>>select各种效果:select带搜索框 多个option项目选择(2014-05-22)

select各种效果:select带搜索框 多个option项目选择

 在一行多选，可以叉掉取消

select各种效果:select带搜索框 多个option项目选择
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="side-by-side clearfix">  
  2.         <div>  
  3.           <em>Turns This</em>  
  4.           <select data-placeholder="选择省份" style="width:350px;" multiple tabindex="3">  
  5.             <option value=""></option>  
  6.             <option value="北京">北京</option>  
  7.             <option value="上海">上海</option>  
  8.             <option value="重庆">重庆</option>  
  9.             <option value="天津">天津</option>  
  10.             <option value="湖北">湖北</option>  
  11.             <option value="湖南">湖南</option>  
  12.             <option value="广东">广东</option>  
  13.             <option value="浙江">浙江</option>  
  14.           </select>  
  15.         </div>  
  16.         <div>  
  17.           <em>Into This</em>  
  18.           <select data-placeholder="选择省份" class="chosen-select" multiple style="width:350px;" tabindex="4">  
  19.             <option value=""></option>  
  20.             <option value="北京">北京</option>  
  21.             <option value="上海">上海</option>  
  22.             <option value="重庆">重庆</option>  
  23.             <option value="天津">天津</option>  
  24.             <option value="湖北">湖北</option>  
  25.             <option value="湖南">湖南</option>  
  26.             <option value="广东">广东</option>  
  27.             <option value="浙江">浙江</option>  
  28.           </select>  
  29.         </div>  
  30.       </div>  

 


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