HTML select 元素 disabled 后在 IE9 等浏览器中能正确显示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Test</title>
</head>
<body>
<div>
<select size="5" disabled="disabled">
<option value="C1">Black</option>
<option value="C2">DarkCyan</option>
<option value="C3" selected="selected">DarkRed</option>
<option value="C4">DarkMagenta</option>
</select>
<select size="5">
<option value="C1">Black</option>
<option value="C2">DarkCyan</option>
<option value="C3" selected="selected">DarkRed</option>
<option value="C4">DarkMagenta</option>
</select>
<input type="text" />
</div>
</body>
</html>
在 IE 9 浏览器中的显示效果如下图:

如图所示,disabled 控件中 selected 的项没有被标示出来。但在 IE 10 浏览器中是正常的,如下所示:

更多的情况请参见: HTML select 元素 disabled 属性在主流浏览器中的表现。
有没有谁知道如何修改 HTML 源代码,以补救 IE 8、IE 9 和 Chrome 浏览器的相应 bug ?
相关推荐
用jQuery解决IE不支持的option disable属性
使用jQuery解决IE不支持的option disable属性
细说浏览器特性检测(1)-jQuery1.4添加部分
浏览器特性检测即通过探测对象是否拥有某个属性或者函数,或者通过其他的编码探测方式,来决定其是否支持某一功能、特性。
如何使用JS获取IE上传文件路径(IE7,8)
代码如下:function validateFileSize(id, maxsize) { var btnsave = document.getElementById(“Button2”); btnsave.disabled = false; var filepath = “”; var fileupload = document.getElementById(id); if (fileupload.value.length < 5) { alert(‘请选择文件!’); return
Bootstrap select下拉联动(jQuery cxselect)
主要为大家详细介绍了Bootstrap select下拉联动,JQuery插件之cxselect,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
JavaScript对IE操作的经典代码(推荐)
这段时间一直在用ajax技术做东东,所以也就有更多机会对JavaScript知识进行学习。之前在网上搜集了一些关于JavaScript对IE操作的代码(具体在哪里cope的记不清了,所以出处就不加了),感觉在开发过程中很有用,当然只适用于IE,FF会有问题的。现在贴出来分享。 代码如下:1.将彻底屏蔽鼠标右键oncontextmenu=”window.event.returnvalue=false”可用于Tableno 2.取消选取、防止复制<bodyonselectstart=”returnfals


