首页>>表单>>jQuery select插件，包括一个可以点击后select才能启用(2013-12-19)

jQuery select插件，包括一个可以点击后select才能启用

jQuery select插件，包括一个可以点击后select才能启用
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="select-container" style="left: 100px;">  
  2.   <p>Regular select</p>  
  3. <select id="the_select" name="the_select">  
  4. <option>Option 1</option>  
  5. <option selected="selected">Option 2 (pre-selected)</option>  
  6. <option>Option 3</option>  
  7. <option>Option 4</option>  
  8. </select>  
  9. </div>  
  10. <div class="select-container" style="left: 400px;">  
  11. <p>Disabled regular select (<a href="#" id="toggle-disabled">Toggle State</a>)</p>  
  12. <select disabled="disabled">  
  13. <option>Option 1</option>  
  14. <option>Option 2</option>  
  15. <option>Option 3</option>  
  16. <option>Option 4</option>  
  17. </select>  
  18. </div>  
  19. <div class="select-container" style="left: 700px;">  
  20. <p>Select with optgroups</p>  
  21. <select>  
  22. <optgroup>  
  23. <option>Option 1.1</option>  
  24. </optgroup>  
  25. <optgroup>  
  26. <option>Option 2.1</option>  
  27. <option>Option 2.2</option>  
  28. </optgroup>  
  29. <optgroup>  
  30. <option>Option 3.1</option>  
  31. <option>Option 3.2</option>  
  32. <option>Option 3.3</option>  
  33. </optgroup>  
  34. </select>  
  35. </div>  
  36. <div class="select-container" style="left: 1000px;">  
  37. <p>Select with optgroups and optgroup labels</p>  
  38. <select>  
  39. <optgroup label="Group 1">  
  40. <option>Option 1.1</option>  
  41. </optgroup>  
  42. <optgroup label="Group 2">  
  43. <option>Option 2.1</option>  
  44. <option>Option 2.2</option>  
  45. </optgroup>  
  46. <optgroup label="Group 3">  
  47. <option>Option 3.1</option>  
  48. <option>Option 3.2</option>  
  49. <option>Option 3.3</option>  
  50. </optgroup>  
  51. </select>  
  52. </div>  

 


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