首頁 > web前端 > html教學 > Javascript操作dom物件之select(詳細解答)

Javascript操作dom物件之select(詳細解答)

亚连
發布: 2018-05-19 10:58:02
原創
1892 人瀏覽過

下面我為大家帶來一篇Javascript操作dom物件之select全面解析。現在就分享給大家,也給大家做個參考。

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做出三級連動效果(附程式碼)

###Vue Video.###js###播放m3u8影片步驟詳解########### #################

以上是Javascript操作dom物件之select(詳細解答)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
怎麼實作 JavaScript點與圓的位置關係
來自於 1970-01-01 08:00:00
0
0
0
JavaScript鉤子函數是什麼?
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板