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