首页>>表单>>select简单美化(2015-09-10)

select简单美化

select简单美化
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2.     $(function(){  
  3.         $('select').selectlist({  
  4.             zIndex: 10,  
  5.             width: 300,  
  6.             height: 40  
  7.         });       
  8.     })  
  9. </script>  
XML/HTML Code
  1. <select id="edu" name="edu">  
  2.   <option value="0">初中</option>  
  3.   <option value="1">高中</option>  
  4.   <option value="2">中技</option>  
  5.   <option value="3">中专</option>  
  6.   <option value="4">大专</option>  
  7.   <option value="5">本科</option>  
  8.   <option value="6">硕士</option>  
  9.   <option value="7">博士</option>  
  10.   <option value="8">博士后</option>  
  11.   <option value="9">教授</option>  
  12. </select>  
  13. <select id="salary" name="salary">  
  14.   <option value="0">面议</option>  
  15.   <option value="1">1000以下</option>  
  16.   <option value="2">1000-2000</option>  
  17.   <option value="3">2000-3000</option>  
  18.   <option value="4">3000-5000</option>  
  19.   <option value="5">5000-6000</option>  
  20.   <option value="6">6000-8000</option>  
  21.   <option value="7">8000-10000</option>  
  22.   <option value="8">10000-20000</option>  
  23.   <option value="9">20000以上</option>  
  24. </select>  

 


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