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