select下拉菜单带图片

非模拟select,而是真实的select选择,本例用到比较多的js和css,请到演示页面查看

select下拉菜单带图片

 

 

XML/HTML Code
  1. <form>  
  2.     
  3.   <select name="test" class="themes">  
  4.     <option value="SelectBoxIt themes:" data-iconurl="themes-icon.png">  
  5.     SelectBoxIt themes:  
  6.     </option>  
  7.     <option value="Twitter Bootstrap" data-iconurl="apple-touch-icon-144-precomposed.png">  
  8.     Twitter Bootstrap  
  9.     </option>  
  10.     <option value="jQuery UI" data-iconurl="jquery-ui-logo.png">  
  11.     jQuery UI  
  12.     </option>  
  13.       
  14.   </select>  
  15. </form>  

 

JavaScript Code
  1. <script>  
  2. jQuery(function($) {  
  3.   
  4.   
  5.   $('select').selectBoxIt({ defaultText: 'Testing', autoWidth: false });  
  6.   
  7.   $('form').removeClass('hidden');  
  8.   
  9.   
  10. });  
  11. </script>  

 


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

发布了2 篇原创文章 · 获赞 4 · 访问量 3万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览