DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
關於JavaScript
>> firefox下獲取下列框選中option的text的代碼
firefox下獲取下列框選中option的text的代碼
編輯：關於JavaScript
知識點：
0、為什麼要innerText？因為安全問題
1、為firefox dom模型擴展屬性
2、currentStyle屬性可以取得實際的style狀態
3、IE實現innerText時考慮了display方式，如果是block則加換行
4、為什麼不用textContent？因為textContent沒有考慮元素的display方式，所以不完全與IE兼容
代碼： 在IE6,7,8 和firefox 2,3下測試均通過。
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head> <body> <select id="mySelect"> <option value="1111">My 1111 hahaha</option> <option value="2222">My 2222</option> <option value="3333">My 3333</option> <option value="4444">My 4444</option> </select> <input type="button" name="button" value="see result" onclick="javascript:chk();"> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
當然，如果單獨針對下拉框，也可以不用重寫innerText，用下面的代碼也能實現。重寫innerText是為了兼容除下拉框以外的其他的HTML 元素。
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head> <body> <select id="mySelect"> <option value="1111">My 1111 hahaha</option> <option value="2222">My 2222</option> <option value="3333">My 3333</option> <option value="4444">My 4444</option> </select> <input type="button" name="button" value="see result" onclick="javascript:chk();"> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
上一頁:
ymPrompt的doHandler方法來實現獲取子窗口返回值的方法
下一頁:
讓IE6支持min-width和max-width的方法
關於JavaScript
JavaScript使用push方法添加一個元素到數組末尾用法實例
本文實例講述了JavaScript使用push方法添加一個元素到數組末尾的用法。分享給大家供大家參考
理解Javascript_11_constructor實現原理
constructor是什麼 簡單的理解,constructor指的就是對象的構造函數。請看如下示例
node.js中的定時器nextTick()和setImmediate()區別分析
1.node中使用定時器的問題在於,它並非精確的.譬如setTimeout()設定一個任務在10ms
相關文章
使用HoverTreeShow插件彈出遮罩層顯示大圖
HoverTree菜單示例
解決wx.onMenuShareTimeline出現的問題
JavaScript中removeChild 方法開發示例代碼
JavaScript中自帶的 reduce()方法使用示例詳解
Lavarel框架中使用ajax提交表單的方法
完美解決ajax跨域請求下parsererror的錯誤
AjaxSubmit()提交file文件
Servlet 與 Ajax 交互一直報status=parsererror的解決辦法
jQuery AJAX中readyState與status的區別與聯系
JavaScript基礎知識
JSON基礎
正則表達式
關於JavaScript
JavaScript技巧
jQuery入門知識
AJAX入門
JavaScript綜合知識
小編推薦
javascript實現鎖定網頁、密碼解鎖效果（類似系統屏幕保護效果）
淺談JavaScript中面向對象技術的模擬
js處理php輸出時間戳對不上號的解決方法教程
收集的25個下拉網頁菜單特效Javascript腳本
模仿password輸入框的實現代碼
JavaScript中創建字典對象（dictionary）實例教程
JS 按鈕點擊觸發(兼容IE、火狐)
javascript實現計時器的簡單方法
js獲取事件源及觸發該事件的對象
深入淺析JavaScript中的scrollTop
熱門推薦
Node.js中的流（Stream）介紹
js 數組隨機字符串(廣告不重復)
javascript實現任務欄消息提示的簡單實例
js獲取本機的外網/廣域網ip地址
JS實現圖片產生波紋一樣flash效果的方法教程
JavaScript將取代AppleScript？
關於微信jssdk實現多圖片上傳的一點心得分享
用js實現博客打賞功能
把input初始值不寫value的具體實現方法教程
大家都在看
解析使用js判斷只能輸入數字、字母等驗證的方法(總結)
EasyUI中combobox默認值注意事項
從基礎開始:CSS實用教程（三）
JS常用函數使用指南
JavaScript中的Truthy和Falsy介紹
bootstrap模態框消失問題的解決方法
js中浮點型運算BUG的解決方法說明
javascript通過className來獲取元素的簡單示例代碼
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved