Js獲取下拉框選定項的值和文本的實現(xiàn)代碼

更新時間：2014年02月26日 09:46:55 作者：

本篇文章主要是對Js獲取下拉框選定項的值和文本的實現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助

Js獲取下拉框的值和文本網(wǎng)上提供了2種方法：但有些人很不負(fù)責(zé)任，他們根本沒考慮到瀏覽器之間的差異導(dǎo)致的錯誤，導(dǎo)致很多新手琢磨了半天找不出錯誤！

下面我總結(jié)下Firefox和IE下獲取下拉框選定項的值和文本：

1. IE和Firefox都支持的方法：
獲取文本

復(fù)制代碼代碼如下:

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不支持：

復(fù)制代碼代碼如下:

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;

您可能感興趣的文章:

相關(guān)文章

JavaScript將字符串轉(zhuǎn)換為整數(shù)的方法
這篇文章主要介紹了JavaScript將字符串轉(zhuǎn)換為整數(shù)的方法,涉及javascript中parseInt函數(shù)的使用技巧,非常具有實用價值,需要的朋友可以參考下
2015-04-04
(跨瀏覽器基礎(chǔ)事件/瀏覽器檢測/判斷瀏覽器)經(jīng)驗代碼分享
一些js代碼，自己備用的,高手不要笑話我。（跨瀏覽器基礎(chǔ)事件，瀏覽器檢測，判斷瀏覽器的名稱、版本號、操作系統(tǒng)）等等，很實用的，方便自己使用，感興趣的朋友可以了解下，希望本文對你有所幫助
2013-01-01
TypeScript中的互斥類型實現(xiàn)方法示例
用了一年時間的TypeScript了,下面這篇文章主要給大家介紹了關(guān)于TypeScript中互斥類型實現(xiàn)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-04-04
基于ES6 Array.of的用法(實例講解)
下面小編就為大家?guī)硪黄贓S6 Array.of的用法(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
js實現(xiàn)的拖動后記錄軌跡并運行
軌跡拖動（拖影效果）
2010-06-06
DIV菜單層實現(xiàn)代碼
昨天我問一美工jQuery怎么樣了，他說簡單的還可以，復(fù)雜的就不行了，我又問是哪種程度的復(fù)雜？
2010-11-11
js獲取iframe中的window對象的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫S獲得iframe中的window對象的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
JavaScript中實現(xiàn)依賴注入的思路分享
這篇文章主要介紹了JavaScript中實現(xiàn)依賴注入的思路分享,本文給出的解決方案包括獲取func的參數(shù)列表、根據(jù)參數(shù)列表尋找依賴、傳遞依賴項參數(shù)并實例化等3個步驟,需要的朋友可以參考下
2015-01-01
JS控制圖片翻轉(zhuǎn)示例代碼(兼容firefox,ie,chrome)
本篇文章主要介紹了JS控制圖片翻轉(zhuǎn)示例代碼(兼容firefox,ie,chrome) 需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
javascript事件模型實例分析
這篇文章主要介紹了javascript事件模型用法,實例分析了事件模型、事件對象、事件監(jiān)聽器及事件傳遞的定義與使用技巧,需要的朋友可以參考下
2015-01-01