功能：美化select 下拉列表

創(chuàng)新互聯(lián)專注于唐河企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,成都做商城網(wǎng)站。唐河網(wǎng)站建設(shè)公司,為唐河等地區(qū)提供建站服務(wù)。全流程按需定制開發(fā)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

說明：因?yàn)镮E不能通過css修改樣式，所以需要通過Jquery來修改，下面是一個(gè)成功的案例，自己再修改下樣式就好了

PS:如果需要用到多次的，注意z-index的值，（頂部的要給底部的值大）

 Javascript代碼：

<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript">

  $(document).ready(function(){

$('.select_box span').click(function(){ //鼠標(biāo)移動(dòng)函數(shù)

 $('.son_ul').hide(); //初始ul隱藏

 $(this).parent().find('ul.son_ul').show();  //找到ul.son_ul顯示

 $(this).parent().find('li').hover(function(){

$(this).addClass('hover')},function(){$(this).removeClass('hover')}); //li的hover效果

 $(this).parent().click(function(){},

function(){

$(this).parent().find("ul.son_ul").hide(); 

}

);

 },function(){}

 );

$('ul.son_ul li').click(function(){

 $(this).parents('li').find('span').html($(this).html());

 $(this).parents('li').find('ul').hide();

 });

});

</script>