首页>>表单>>可以控制是否搜索以及多选的下拉select菜单(2019-10-21)

可以控制是否搜索以及多选的下拉select菜单

可以控制是否搜索以及多选的下拉select菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="row">  
  2.             <h3>Simple Select box</h3>  
  3.             <div id="custom-select"></div>  
  4.         </div>  
  5.   
  6.         <div class="row">  
  7.             <h3>Select box with search</h3>  
  8.             <div id="custom-select-search"></div>  
  9.         </div>  
  10.   
  11.         <div class="row">  
  12.             <h3>Selectbox events</h3>  
  13.             <div id="custom-select-search-events"></div>  
  14.             <div id="console-events"></div>  
  15.             <div id="clear">Clear</div>  
  16.             <div id="console" style="border:1px solid; width:200px; font-size:11px;height:200px; overflow:scroll"></div>  
  17.         </div>  
  18.           
  19.         <div class="row">  
  20.             <h3>Multiple select</h3>  
  21.             <div id="custom-select-multiple"></div>  
  22.             <div id="custom-select-multiple-items"></div>  
  23.         </div>  

 

JavaScript Code
  1. $('#custom-select-search').bselect({  
  2.         data : data,  
  3.         search : true,   
  4.         width : '200px',  
  5.         defaultText : "Select..."  
  6.     });  

 


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