Js取得下拉方塊選定項目的值和文字的實作程式碼_javascript技巧

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            var text=obj[i].text;//取得文字
        }

   方法比較簡潔

2. IE支持Firefox不支持：



複製代碼

代碼如下:var obj=document.getElementById(name);

for(i=0;i        if(obj[i].selected==true) {
   }    }

取得值方法IE與Firefox一般：
var value=document.getElementById("select_template").value;//取得值


總結：

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

Js實作目前頁面開啟一個新連結：window.location.href=url;