下拉列表選擇項(xiàng)的選中在不同瀏覽器中的兼容性問(wèn)題探討
更新時(shí)間：2013年09月18日 17:43:11 作者：
使用jquery做了一個(gè)項(xiàng)目，下拉列表選擇項(xiàng)變化時(shí)，獲取選中項(xiàng)的文本在不同瀏覽器中的兼容性問(wèn)題在本文將為大家介紹下
使用jquery做了一個(gè)項(xiàng)目，下拉列表選擇項(xiàng)變化時(shí)，獲取選中項(xiàng)的文本。我按如下方式寫(xiě)了：
$("#rd").change(function () {
$("#name").val($("#rd").find("option:checked").text());
});
由于開(kāi)發(fā)環(huán)境瀏覽器的版本都比較高，IE10，F(xiàn)F23，Chrome29，測(cè)試都沒(méi)問(wèn)題，部署到服務(wù)器上，客戶那兒有了問(wèn)題，文本獲取不到，仔細(xì)測(cè)試才發(fā)現(xiàn)，option的選中應(yīng)該是selected，改成selected后，IE6、7、7、8、10、FF、chrome都沒(méi)有問(wèn)題了。
看來(lái)寫(xiě)代碼還是的細(xì)心呀，高版本瀏覽器兼容一些屬性，反而造成了程序員的懶惰，哎，沒(méi)法了！
復(fù)制代碼 代碼如下:
$("#rd").change(function () {
$("#name").val($("#rd").find("option:checked").text());
});
由于開(kāi)發(fā)環(huán)境瀏覽器的版本都比較高，IE10，F(xiàn)F23，Chrome29，測(cè)試都沒(méi)問(wèn)題，部署到服務(wù)器上，客戶那兒有了問(wèn)題，文本獲取不到，仔細(xì)測(cè)試才發(fā)現(xiàn)，option的選中應(yīng)該是selected，改成selected后，IE6、7、7、8、10、FF、chrome都沒(méi)有問(wèn)題了。
看來(lái)寫(xiě)代碼還是的細(xì)心呀，高版本瀏覽器兼容一些屬性，反而造成了程序員的懶惰，哎，沒(méi)法了！
您可能感興趣的文章:
- 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í)例簡(jiǎn)單介紹
- bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法
- BootStrap table刪除指定行的注意事項(xiàng)(筆記整理)
- 瀏覽器兼容性問(wèn)題大匯總
- 測(cè)試IE瀏覽器對(duì)JavaScript的AngularJS的兼容性
- css與javascript跨瀏覽器兼容性總結(jié)
- window.open()詳解及瀏覽器兼容性問(wèn)題示例探討
- JS 組件系列之Bootstrap Table 凍結(jié)列功能IE瀏覽器兼容性問(wèn)題解決方案
相關(guān)文章
為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法
這篇文章主要介紹了為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法，文中通過(guò)一段簡(jiǎn)單的代碼給大家介紹jquery ajax超時(shí)設(shè)置方法，感興趣的朋友跟隨腳本之家小編一起看看吧2018-09-09
“元素拖拽”顧名思義：拖動(dòng)，移動(dòng)，拽放。有很多的解釋，而且在網(wǎng)上相關(guān)資料非常之多，本人在開(kāi)發(fā) AsyncBox 當(dāng)中也用到此效果，借此分享，同時(shí)也是一種技術(shù)積累。2011-04-04
下面小編就為大家?guī)?lái)一篇深入理解jQuery 事件處理。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
Ajax異步獲取html數(shù)據(jù)中包含js方法無(wú)效的解決方法
本文主要介紹了Ajax異步獲取html數(shù)據(jù)中包含js方法無(wú)效的解決方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
jQuery實(shí)現(xiàn)的checkbox級(jí)聯(lián)選擇下拉菜單效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的checkbox級(jí)聯(lián)選擇下拉菜單效果,涉及jQuery鼠標(biāo)事件響應(yīng)及表格table動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-12-12
初步認(rèn)識(shí)JavaScript函數(shù)庫(kù)jQuery
這篇文章主要介紹了JavaScript函數(shù)庫(kù)jQuery的一些基本概念,包括其的添加方法和最基本的使用示例,需要的朋友可以參考下2015-06-06
jQuery實(shí)現(xiàn)移動(dòng)端手機(jī)商城購(gòu)物車(chē)功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)移動(dòng)端手機(jī)商城購(gòu)物車(chē)功能的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
jQuery實(shí)現(xiàn)QQ空間漢字轉(zhuǎn)拼音功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)QQ空間漢字轉(zhuǎn)拼音功能,結(jié)合具體實(shí)例形式分析了jQuery實(shí)現(xiàn)拼音與中文漢字的轉(zhuǎn)換操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-07-07
empty、remove和detach三者都有把元素移除的作用，但細(xì)微的差別，造就了它們的使命不同。下面給大家介紹jQuery中的empty、remove和detach的區(qū)別，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
jquery實(shí)現(xiàn)tab選項(xiàng)卡切換效果（懸停、下方橫線動(dòng)畫(huà)位移）
這篇文章主要介紹了jquery實(shí)現(xiàn)tab選項(xiàng)卡切換效果，實(shí)現(xiàn)懸停、下方橫線動(dòng)畫(huà)位移，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05