Js擷取下拉框選定項的值和文本的實現代碼

Js擷取下拉框選定項的值和文本的實現代碼

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

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

 

下面我總結下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++) {//下拉框的長度就是他的選項數

           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;//擷取值

 

總結：其實主要就是IE和Firefox都支援value和text屬性，Firefox不支援innerText屬性。

 

Js實現當前頁開啟一個新連結：