DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
jQuery入門知識
>>
JQuery特效代碼
>> 用jQuery解決IE不支持的option disable屬性
用jQuery解決IE不支持的option disable屬性
編輯:JQuery特效代碼  
在IE浏覽器中,給select的options設置 disable屬性 是沒用的。
必須采用一定手段才可以解決這個問題。當然原理就是記住上次選中的 option。
this.selectedIndex 就派上用場了。
需要刷新下才可以看到效果,因為輸出的都是文本,不存在js加載的情況。
<!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>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
上一頁:
jQuery 源代碼顯示控件 (Ajax加載方式).
下一頁:
jquery 獲取當前元素的索引值
JQuery特效代碼
Jquery插件之多圖片異步上傳
1.初始化上傳控件數量。 代碼如下: $(document).ready(function() {
jQuery 陰影插件代碼分享
XP下 FF/遨游3/IE8/IE6(IETester)中的效果 使用方法: 1.先引用jquery
jQuery的選擇器中的通配符使用介紹
1.選擇器 (1)通配符: . 代碼如下: $(input[id^=code]);//id屬性以co
相關文章
jquery中attr和prop的區別
jquery操作復選框(checkbox)的12個小技巧總結
jquery 單引號和雙引號的區別及使用注意
jQuery DOM 操作(基本操作、內部插入、外部插入、包裹操作)
使用js和jquery獲取url及url參數的方法
jqueryUI部件庫的優缺點
jQuery+CSS3實現可拖拽的3D立體圖片展示環
HTML5+jQuery實現全屏煙花特效
使用js實現極速選擇輸入城市名
jquery ui打開url網址的對話框
jQuery基礎知識
JQuery入門技巧
JQuery特效代碼
JQuery常見問題
小編推薦
JQuery頁面圖片切換和新聞列表滾動效果的具體實現
JQuery中form驗證出錯信息的查看方法
使用jquery prev()方法教程找到同級的前一個元素
jQuery文件上傳插件Uploadify使用指南
Jquery 獲取指定標簽的對象及屬性的設置與移除
jQuery 獲取URL的GET參數值的小例子
利用javascript/jquery對上傳文件格式過濾的方法
jquery 淡入淡出效果的簡單實現
ajax異步刷新實現更新數據庫
關於jQuery中的end()使用方法
熱門推薦
jquery 查找select ,並觸發事件的實現代碼
checkbox使用示例jquery使用實例
[jQuery].html(),.text()和.val()的概述及使用
基於Jquery的文字滾動跑馬燈插件(一個頁面多個滾動區)
基於datagrid框架的查詢
jquery左右滾動焦點圖banner圖片鼠標經過顯示上下頁按鈕
jquery自動將form表單封裝成json的具體實現
基於jquery完美拖拽,可返回拖動軌跡
asp.net下使用jquery 的ajax+WebService+json 實現無刷新取後台值的實現代碼
大家都在看
Js+php實現異步拖拽上傳文件
JavaScript設計模式之代理模式介紹
js獲取頁面選中文本(支持IE、Firefox、Chrome、Safari、Opera)
javascript:history.go()和History.back()的區別及應用
簡單整理HTML5的基本特性和語法
認識CSS樣式clip: 認識隱藏頁面元素
淺談html標題,段落,換行,水平線,特殊字符
面向對象的css:團隊協作開發規范和按結構劃分模塊
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved