您现在的位置:首页 >> 前端 >> 内容

IE浏览器不支持display:none导致option不能隐藏的问题

时间:2017/5/5 17:01:00 点击:

  核心提示:IE浏览器不支持display:none导致option不能隐藏的问题。项目场景:级联的select元素,根据一级select的选择,二级select中的option选项需要对应的隐藏或显示。原来的做...

IE浏览器不支持display:none导致option不能隐藏的问题。

项目场景:级联的select元素,根据一级select的选择,二级select中的option选项需要对应的隐藏或显示。

原来的做法是display:none和display:block来隐藏和显示option,option中通过自定义属性data-category过滤,控制option的隐藏或显示,结果在IE浏览器中并不能达到想要的效果,通过网络查找,是因为IE浏览器不支持display:none属性。

解决方案:

1、给option外加一个父级标签,并设置父级标间隐藏[此处用的是span标签],如果要显示的话则去除父级标签即可(网络上查找的方法)

2、在一级select的onchange事件触发的方法中按选择的option的值判断,通过$(selector).html("option的html代码")方法直接覆盖二级select的option内容

Tags:IE E浏 浏览 览器 
作者:网络 来源:韦观松のBó