Javascript操作dom對象之select的使用示例

發(fā)布時間：2021-01-21 14:23:53 來源：億速云閱讀：245 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關Javascript操作dom對象之select的使用示例的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

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;

感謝各位的閱讀！關于“Javascript操作dom對象之select的使用示例”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

猜你喜歡