close

參考自 http://www.cnblogs.com/zhongyueblog/archive/2009/11/10/1599770.html

我自己一開始是使用$(this).hide()/$(this).show()來設定option要不要顯示

但是這方法在safari不管用,他不吃option的display: none的CSS

上網找找發現這個方法,在option外面包一個span,再設這個span為display: none

解除隱藏的方式很簡單,把所有option外面的span通通清除即可

 

這邊會用到兩個jQuery API

.wrap() 和 .unwrap()

http://api.jquery.com/wrap/

http://api.jquery.com/unwrap/

 

加入span:

$('#xxxxxx').find('option').each(function(){

    if(符合隱藏條件){

        $(this).wrap("<span style='display:none'></span>");

    }

});

 

清除所有option外的span:

$("#xxxxxx").find("option").each(function(){

    if($(this).parent().is("span")){

        $(this).unwrap();

    }

});

--

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 dizzy03 的頭像
    dizzy03

    碎碎念

    dizzy03 發表在 痞客邦 留言(0) 人氣()