原生js如何獲取選中的select下拉項的值

admin發表於2017-03-20

關於select下拉選單大家都再熟悉不過了,可以選中其中的某一項,既然選中此項,那麼一般就要獲取此選中的項的值或者文字,下面就是介紹一下如何利用原生javascript實現此功能。

一.獲取選中項的文字:

[JavaScript] 純文字檢視 複製程式碼
var theSel=document.getElementById(id);//select元素的id 
var index=sel.selectedIndex;//獲取被選中的option的索引 
var theText= sel.options[index].text;//獲取相應的option的內容

二.獲取選中項的值:

[JavaScript] 純文字檢視 複製程式碼
var theSel=document.getElementById(id);//select元素的id 
var index=sel.selectedIndex;//獲取被選中的option的索引 
var theText= sel.options[index].value;//獲取相應的option的value值

更多相關內容可以參閱原生javascript操作select下拉選單程式碼例項一章節。 


相關文章