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

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

亚连
亚连原創
2018-05-19 10:58:021811瀏覽

下面我為大家帶來一篇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