使用jQuery解决IE不支持的option disable属性【转】
2013-05-31 17:12
375 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> 使用jQuery解决IE不支持的option disable属性 </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> <script> $(document).ready(function(){ $(".myselect option:disabled").css('color', '#CCC'); $('.myselect').change(function(){ if(this[this.selectedIndex].disabled){ this.selectedIndex = this.s||0; }else{ this.s = this.selectedIndex||0; } }) }) </script> </head> <body> <h1>使用jQuery解决IE不支持的option disable属性</h1> 普通: <select> <option>第1项</option> <option disabled="disabled">第2项</option> <option>第3项</option> <option disabled="disabled">第4项</option> <option >第5项</option> <option >第6项</option> </select> 对比1: <select class="myselect"> <option>第1项</option> <option disabled="disabled">第2项</option> <option>第3项</option> <option disabled="disabled">第4项</option> <option >第5项</option> <option >第6项</option> </select> 对比2: <select class="myselect"> <option>第1项</option> <option disabled="disabled">第2项</option> <option>第3项</option> <option disabled="disabled">第4项</option> <option >第5项</option> <option >第6项</option> </select> <p style="margin-top:200px;font-size:12px;">Dev By CssRain,当然你有兴趣,也可以封装成插件。记得发我一份哦。</p> </body> </html>
http://www.poluoluo.com/jzxy/201110/143786.html
相关文章推荐
- 使用jQuery解决IE不支持的option disable属性
- 使用jQuery解决IE不支持的option disable属性【转】
- 用jQuery解决IE不支持的option disable属性
- 用jQuery解决IE不支持的option disable属性
- 使用jQuery快速解决input中placeholder值在ie中无法支持的问题
- 使用jQuery快速解决input中placeholder值在ie中无法支持的问题
- 使用jQuery快速解决input中placeholder值在ie中无法支持的问题
- 使用jQuery快速解决input中placeholder值在ie中无法支持的问题
- 关于使用jquery时,ie8下提示对象不支持的属性或方法的解决办法
- jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
- 使用jquery解决ie6、7、8、9版本不支持placeholder的问题。
- 使用 jquery-autocomplete插件 完成文本框输入自动填充联想效果 解决兼容IE输入中文问题
- 用jQuery解决input中placeholder值在ie中无法支持的问题
- ASP.NET MVC 使用jquery.form.js 异步上传 在IE下返回值被变为下载的解决办法
- jQuery在IE8上使用时提示“对象不支持此属性或方法”
- IE不支持option的display样式,只能使用remove和add【转】
- IE对象不支持此属性或方法: this.indexOf 的解决方法
- Jquery在IE7下无法使用 $.ajax解决方法
- 前端使用Jquery的getJSON方法,后台使用PHP,解决IE和火狐Firefox中存在的跨域ajax请求问题。
- IE不支持option的display样式,只能使用remove和add