码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-08-18 18:32:51      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:html   restore   option   bsp   tag   dex   添加   属性   javascrip   

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>

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

标签:html   restore   option   bsp   tag   dex   添加   属性   javascrip   

原文地址:http://www.cnblogs.com/minily/p/7390913.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!