程序员人生 网站导航

IE6下javascript不能隐藏select标签的bug

栏目:jscript时间:2013-10-22 04:39:21

昨天做了一个简单的项目,要求有三级联动的select菜单,可是伤不起的IE6下就出现了不能隐藏select的bug,之前我也介绍过IE6下select层高的问题,可以通过隐藏select或者使用iframe遮挡的方式来解决,今天的bug不同以前,大家如果在用js控制select显示隐藏的时候可能会经常遇到,调试一下午终于找到了解决的方案,特此记录一下。

IE6不能隐藏select重现代码

建立两个关联的select,通过javascript控制第一个select 发生变化后,第二个select根据第一个value重新添加options,如果为空则隐藏第二个select(示例中判断除第一个之外都隐藏),则由第一个select的第三个value切换到第二个value则第二个select就不会隐藏。

具体效果见下面的实例:


提示:可修改后代码再运行!

IE6下不能隐藏select标签解决方案

可以通过先设置select为显示,后设置为none的方式

通过给select添加class来控制显示

具体方法,见上边示例代码源码注释的地方。

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐