明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

Javascript設置dom對象之select（詳細回答）

發(fā)表時間：2023-09-11 來源：明輝站整理相關軟件相關文章人氣：

[摘要]下面我為大家?guī)硪黄狫avascript操作dom對象之select全面解析�，F(xiàn)在就分享給大家，也給大家做個參考。html代碼：　　<select id="university"><option value="北京大學">北京大學&l...
下面我為大家?guī)硪黄狫avascript操作dom對象之select全面解析�，F(xiàn)在就分享給大家，也給大家做個參考。

html代碼：

　　<select id="university">
<option value="北京大學">北京大學</option>
<option value="清華大學">清華大學</option>
<option value="北京電影學院">北京電影學院</option>
</select>

js原生操作

1.獲取select對象；

var university=document.getElementById("university");

2.獲取select選中option的index值； 

var index=university.selectedIndex;

3.獲取select選中的option的value； 

var val=university.options[index];

4.獲取select選中的option的index； 

var text=university.options[index].text;

上面是我整理給大家的，希望今后會對大家有幫助。

相關文章：

Nodejs+Electron ubuntu安裝步驟詳解

原生JS+AJAX做出三級聯(lián)動效果（附代碼）

Vue+Video.js播放m3u8視頻步驟詳解

以上就是Javascript操作dom對象之select（詳細解答）的詳細內容，更多請關注php中文網其它相關文章！


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。