IE中Option的disabled无效解决方法
来源:互联网 发布:远程协作软件 编辑:程序博客网 时间:2024/06/01 09:13
今天在做东西的时候,想到给option项添加disabled的禁用功能,没想到竟然有属性却无效的。。。不过firefox里倒是有效,无奈,IE虽然差劲,但PC毕竟还是微软的天下。。。。还是要适应IE阿。。。
网罗了一下资料,发现一个不错的脚本,那来用了下,感觉不错,基本可以跟firefox里的效果媲美了,而且代码也不多
代码如下:
(为了注重版权问题,这里就没把原注释删除)
/**//****************************************************************
* Author: Alistair Lattimore
* Website: http://www.lattimore.id.au/
* Contact: http://www.lattimore.id.au/contact/
* Errors, suggestions or comments
* Date: 30 June 2005
* Version: 1.0
* Purpose: Emulate the disabled attributte for the
* element in Internet Explorer.
* Use: You are free to use this script in non-commercial
* applications. You are however required to leave
* this comment at the top of this file.
* * I'd love an email if you find a use for it on your
* site, though not required.
****************************************************************/
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";
}
}
}
* Author: Alistair Lattimore
* Website: http://www.lattimore.id.au/
* Contact: http://www.lattimore.id.au/contact/
* Errors, suggestions or comments
* Date: 30 June 2005
* Version: 1.0
* Purpose: Emulate the disabled attributte for the
* element in Internet Explorer.
* Use: You are free to use this script in non-commercial
* applications. You are however required to leave
* this comment at the top of this file.
* * I'd love an email if you find a use for it on your
* site, though not required.
****************************************************************/
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";
}
}
}
- IE中Option的disabled无效解决方法
- option元素 display属性在IE下无效的解决方法
- IE6中select标签的option不能disabled的解决方案
- IE6中select标签的option不能disabled的解决方案
- iOS8中UIBarButtonItem的setTitleTextAttributes对Disabled颜色设置无效
- IE的option标签单击事件无法触发的解决方法
- IE的option标签单击事件无法触发的解决方法
- div层调整z-index属性弹在IE中无效的解决方法
- table里td标签的width属性在ie浏览器中无效解决方法
- table里td标签的width属性在ie浏览器中无效解决方法
- IE中设置height无效的解决办法
- 关于下拉框option在IE下jquery方法hide()无效的解决办法
- IE 键盘监听中文输入法无效的解决方法
- IE中Javascript无效
- ubuntu networking disabled 的解决方法
- 完美解决IE浏览器 option display:none 隐藏无效
- GridView中设置DataFormatString无效的解决方法
- GridView中设置DataFormatString无效的解决方法
- 程序设计语言编译原理(二)
- What I'd Say to Bill Gates -- Diomidis D. Spinellis VS. Bill.Gates
- 关于vs2005的一些资料收集
- video4linux
- 如何利用Video4Linux获取摄像头数据
- IE中Option的disabled无效解决方法
- 面试的时候千万不能"得意忘形"
- 颇负创意的HTTP 404错误页面
- C语言中二进串形式的整数与十进制的互换
- c#.net 类型转化
- googlipse插件安装过程
- 也晒一下我的Linux玩具清单
- SQLSERVER存储过程SubString()函数和C# string.Substring区别
- .NET学习笔记(七) ------字符串,枚举类型