首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 16:58:20
原創
1265 人瀏覽過

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;

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板