使用jQuery解决IE不支持的option disable属性【转】
2012-01-11 14:21
537 查看
<!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时,ie8下提示对象不支持的属性或方法的解决办法
- 使用jQuery快速解决input中placeholder值在ie中无法支持的问题
- 终极解决:JQ jquery 在使用 animate 的时候出现抖动情况,Chrome、IE都会出现这个问题
- IE不支持option的display样式,只能使用remove和add【转】
- 解决IE中无法用jquery解析xml使用find的问题
- 使用jQuery解决IE9以下无法支持input的placeholder的问题
- 在使用Jquery的时候明明checked属性存在但是attr('checked')却显示undefine的原因以及解决方法
- IE不支持HTML5表单属性placeholder的解决办法
- [转]IE下使用excanvas.js之后,动态创建的canvas不支持getContext的解决方法
- IE显示对象不支持此属性或方法 的解决方法
- 使用jQuery的hover事件在IE中不停闪动的解决方法
- jquery中animate方法不支持transform属性的解决
- Jquery在IE7下无法使用 $.ajax解决方法