下拉列表選擇項的選中在不同瀏覽器中的兼容性問題探討
更新時間：2013年09月18日 17:43:11 作者：
使用jquery做了一個項目，下拉列表選擇項變化時，獲取選中項的文本在不同瀏覽器中的兼容性問題在本文將為大家介紹下
使用jquery做了一個項目，下拉列表選擇項變化時，獲取選中項的文本。我按如下方式寫了：
$("#rd").change(function () {
$("#name").val($("#rd").find("option:checked").text());
});
由于開發(fā)環(huán)境瀏覽器的版本都比較高，IE10，F(xiàn)F23，Chrome29，測試都沒問題，部署到服務(wù)器上，客戶那兒有了問題，文本獲取不到，仔細測試才發(fā)現(xiàn)，option的選中應(yīng)該是selected，改成selected后，IE6、7、7、8、10、FF、chrome都沒有問題了。
看來寫代碼還是的細心呀，高版本瀏覽器兼容一些屬性，反而造成了程序員的懶惰，哎，沒法了！
復(fù)制代碼 代碼如下:
$("#rd").change(function () {
$("#name").val($("#rd").find("option:checked").text());
});
由于開發(fā)環(huán)境瀏覽器的版本都比較高，IE10，F(xiàn)F23，Chrome29，測試都沒問題，部署到服務(wù)器上，客戶那兒有了問題，文本獲取不到，仔細測試才發(fā)現(xiàn)，option的選中應(yīng)該是selected，改成selected后，IE6、7、7、8、10、FF、chrome都沒有問題了。
看來寫代碼還是的細心呀，高版本瀏覽器兼容一些屬性，反而造成了程序員的懶惰，哎，沒法了！
您可能感興趣的文章:
- Angualrjs和bootstrap相結(jié)合實現(xiàn)數(shù)據(jù)表格table
- bootstrap table實現(xiàn)單擊單元格可編輯功能
- Angularjs+bootstrap+table多選（全選）支持單擊行選中實現(xiàn)編輯、刪除功能
- bootstrap table動態(tài)加載數(shù)據(jù)示例代碼
- BootstrapTable refresh 方法使用實例簡單介紹
- bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實現(xiàn)方法
- BootStrap table刪除指定行的注意事項(筆記整理)
- 瀏覽器兼容性問題大匯總
- 測試IE瀏覽器對JavaScript的AngularJS的兼容性
- css與javascript跨瀏覽器兼容性總結(jié)
- window.open()詳解及瀏覽器兼容性問題示例探討
- JS 組件系列之Bootstrap Table 凍結(jié)列功能IE瀏覽器兼容性問題解決方案
相關(guān)文章
這篇文章主要介紹了jQuery簡單實現(xiàn)MD5加密的方法,基于jquery.md5.js插件實現(xiàn)md5加密功能,非常簡單實用,需要的朋友可以參考下2017-03-03
html、css和jquery相結(jié)合實現(xiàn)簡單的進度條效果實例代碼
這篇文章主要介紹了html、css和jquery相結(jié)合實現(xiàn)簡單的進度條效果的實例代碼，這個進度條特別簡單，首先html里面的話就是一個div里面嵌套一個div，然后寫好想要的樣式就行了，具有一定的參考借鑒價值，感興趣的朋友一起看看吧2016-10-10
頁面上經(jīng)常會有彈窗，有的彈窗是動態(tài)生成的，有的彈窗是在頁面底部隱藏的，對于動態(tài)生成的彈窗，如果要監(jiān)聽彈窗的事件，可以使用jQuery的事件綁定on()方法實現(xiàn)2016-04-04
jQuery實現(xiàn)邊框動態(tài)效果的實例代碼
這篇文章給大家分享了一個jQuery邊框動態(tài)的效果，當(dāng)鼠標移動到邊框區(qū)域的時候，邊框會有個動態(tài)的加載動畫效果，實現(xiàn)的效果真的非常不錯，下面來一起看看吧。2016-09-09
JQuery中對Select的option項的添加、刪除、取值
jQuery獲取Select選擇的Text和Value及添加/刪除Select的Option項，在本文將為大家詳細介紹下具體的實現(xiàn)，感興趣的朋友可以參考下2013-08-08
本文為大家詳細介紹下關(guān)于指定表格及指定列的隱藏或顯示、獲取表格的列數(shù)等等表格相關(guān)的使用技巧，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
jQuery使用JSONP實現(xiàn)跨域獲取數(shù)據(jù)的三種方法詳解
這篇文章主要介紹了jQuery使用JSONP實現(xiàn)跨域獲取數(shù)據(jù)的三種方法,結(jié)合實例形式對比分析了jsonp跨域獲取數(shù)據(jù)的3種常用操作技巧,需要的朋友可以參考下2017-05-05
jquery操作復(fù)選框(checkbox)的12個小技巧總結(jié)
本篇文章主要是對jquery操作復(fù)選框(checkbox)的12個小技巧進行了總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
下面小編就為大家?guī)硪黄狫query和Js獲得元素標簽名稱的方法總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
Jquery Ajax學(xué)習(xí)實例 向頁面發(fā)出請求，返回XML格式數(shù)據(jù)
Jquery Ajax學(xué)習(xí)實例 向頁面發(fā)出請求，返回XML格式數(shù)據(jù)的代碼2010-03-03