Js獲取下拉框選定項的值和文本的實現(xiàn)代碼
Js獲取下拉框的值和文本網(wǎng)上提供了2種方法:但有些人很不負(fù)責(zé)任,他們根本沒考慮到瀏覽器之間的差異導(dǎo)致的錯誤,導(dǎo)致很多新手琢磨了半天找不出錯誤!
下面我總結(jié)下Firefox和IE下獲取下拉框選定項的值和文本:
1. IE和Firefox都支持的方法:
獲取文本
var obj=document.getElementById('select_template');
var text=obj.options[obj.selectedIndex].text;//獲取文本
var obj=document.getElementById("select_template");
for(i=0;i<obj.length;i++) {//下拉框的長度就是他的選項數(shù)
if(obj[i].selected==true) {
var text=obj[i].text;//獲取文本
}
}
二者相比上一個方法比較簡潔
2. IE支持Firefox不支持:
var obj=document.getElementById(name);
for(i=0;i<obj.length;i++) {
if(obj[i].selected==true) {
var text= obj[i].innerText;
}
}
獲取值方法IE和Firefox通用:
var value=document.getElementById("select_template").value;//獲取值
總結(jié):其實主要就是IE和Firefox都支持value和text屬性,F(xiàn)irefox不支持innerText屬性。
Js實現(xiàn)當(dāng)前頁打開一個新鏈接:
window.location.href=url;
- 高效的表格行背景隔行變色及選定高亮的JS代碼
- javascript取消文本選定的實現(xiàn)代碼
- js select 標(biāo)簽選定項的值獲取代碼
- javascript 控制 html元素 顯示/隱藏實現(xiàn)代碼
- js實現(xiàn)創(chuàng)建刪除html元素小結(jié)
- JavaScript動態(tài)改變HTML頁面元素例如添加或刪除
- JavaScript改變HTML元素的樣式改變CSS及元素屬性
- Js 獲取HTML DOM節(jié)點(diǎn)元素的方法小結(jié)
- javascript刪除一個html元素節(jié)點(diǎn)的方法
- 通過JS動態(tài)創(chuàng)建一個html DOM元素并顯示
- js 動態(tài)創(chuàng)建 html元素
- JavaScript中獲取HTML元素值的三種方法
- JS實現(xiàn)選定指定HTML元素對象中指定文本內(nèi)容功能示例
相關(guān)文章
js動態(tài)刪除div元素基本思路及實現(xiàn)代碼
這篇文章主要介紹了js動態(tài)刪除div元素基本思路及實現(xiàn)代碼,需要的朋友可以參考下2014-05-05解決JSON.stringify()自動將中文轉(zhuǎn)譯成unicode的問題
下面小編就為大家分享一篇解決JSON.stringify()自動將中文轉(zhuǎn)譯成unicode的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01微信小程序列表渲染功能之列表下拉刷新及上拉加載的實現(xiàn)方法分析
這篇文章主要介紹了微信小程序列表渲染功能之列表下拉刷新及上拉加載的實現(xiàn)方法,結(jié)合實例形式分析了微信小程序列表下拉刷新及上拉加載的相關(guān)實現(xiàn)方法與技巧操作,需要的朋友可以參考下2017-11-11Javascript Bootstrap的網(wǎng)格系統(tǒng),導(dǎo)航欄和輪播詳解
這篇文章主要為大家介紹了Javascript Bootstrap的網(wǎng)格系統(tǒng),導(dǎo)航欄和輪播,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2021-11-11利用javascript打開模態(tài)對話框(示例代碼)
本篇文章主要是對利用javascript打開模態(tài)對話框的示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01