IE6/7下Select控件Display属性无效解决办法

最新推荐文章于 2021-08-30 17:01:32 发布

weixin_33843409

最新推荐文章于 2021-08-30 17:01:32 发布

阅读量368

点赞数

CC 4.0 BY-SA版权

文章标签： javascript c# ViewUI

原文链接：http://www.cnblogs.com/minily/p/7390913.html

本文提供了一段JavaScript代码，用于解决HTML Select控件在IE6/7浏览器中显示样式不正确的问题，特别是当设置了父元素的display属性后。通过这段脚本，可以确保下拉选项正常显示，包括禁用选项的颜色调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML的Select控件，C#的DropDownList服务器控件

设置父类型Display属性之后，在IE6/7上无效

直接将下段javascript脚本添加到页面中即可

<script type="text/javascript">
    window.onload = function () {
        if (document.getElementsByTagName) {
            var s = document.getElementsByTagName("select");
            if (s.length > 0) {
                window.select_current = new Array();
                for (var i = 0, select; select = s[i]; i++) {
                    select.onfocus = function () {
                        window.select_current[this.id] = this.selectedIndex;
                    }
                    select.onchange = function () {
                        restore(this);
                    }
                    emulate(select);
                }
            }
        }
    }
 
    function restore(e) {
        if (e.options[e.selectedIndex].disabled) {
            e.selectedIndex = window.select_current[e.id];
        }
    }
 
    function emulate(e) {
        for (var i = 0, option; option = e.options[i]; i++) {
            if (option.disabled) {
                option.style.color = "graytext";
            } else {
                option.style.color = "menutext";
            }
        }
    } 
</script>

转载于:https://www.cnblogs.com/minily/p/7390913.html