首页>>表单>>select 多选框 复选框(2015-07-04)

select 多选框 复选框

select 多选框 复选框
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="container">  
  2. <h2>jQuery MultiSelect Basic Example</h2>  
  3. <select name="country" multiple class="form-control">  
  4. <option value="">Country...</option>  
  5. <option value="AF">Afghanistan</option>  
  6. <option value="AL">Albania</option>  
  7. <option value="DZ">Algeria</option>  
  8. <option value="AS">American Samoa</option>  
  9. <option value="AD">Andorra</option>  
  10. <option value="AG">Angola</option>  
  11.   
  12.   
  13. </select>  
  14. <h2>optgroup Example</h2>  
  15. <select name="basicOptgroup[]" multiple="multiple">  
  16.         <optgroup label="Programming Languages">  
  17.             <option value="C++ / C#">C++ / C#</option>  
  18.             <option value="Java">Java</option>  
  19.             <option value="Objective-C">Objective-C</option>  
  20.         </optgroup>  
  21.         <optgroup label="Client-side scripting Languages">  
  22.             <option value="JavaScript">JavaScript</option>  
  23.         </optgroup>  
  24.   
  25.           
  26. <script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>  
  27. <script src="jquery.multiselect.js"></script>  
  28. <script>  
  29. $('select[multiple]').multiselect({  
  30.     columns: 4,  
  31.     placeholder: 'Select options'  
  32. });  
  33. </script>  
  34. </select>  
  35. </div>  

 


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