核心提示: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内容