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

Posted 2020-10-03 Minily

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>