IE6中select标签的option不能disabled的解决方案

msdnweixiaomsdn

于 2009-09-27 15:11:00 发布

阅读量1.4k

点赞数 1

分类专栏： ajax实现动态网站技术文章标签： ie function 工作

本文链接：https://blog.youkuaiyun.com/msdnweixiaomsdn/article/details/4601136

版权

3 篇文章

订阅专栏

本文介绍了一个针对IE6浏览器不支持select元素中option禁用状态的问题解决方案。通过使用select-option-disabled-emulation.js脚本文件，可以实现在老旧浏览器上模拟禁用选项的功能。

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

工作中需要用到disabled掉一些select的option，结果发现IE6没有实现它。
还好我们下载select-option-disabled-emulation.js文件即可自动完成disabled标记的工作。
代码如下：

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" ;
}
}
}