Javascript操作dom对象之select（详细解答）-木庄网络博客

本文摘自PHP中文网，作者亚连，侵删。

下面我为大家带来一篇Javascript操作dom对象之select全面解析。现在就分享给大家，也给大家做个参考。

html代码：

　　<select id="university">
<option value="北京大学">北京大学</option>
<option value="清华大学">清华大学</option>
<option value="北京电影学院">北京电影学院</option>
</select>

js原生操作

1.获取select对象；

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

2.获取select选中option的index值；

1	`var` `index=university.selectedIndex;`

3.获取select选中的option的value；

1	`var` `val=university.options[index];`

4.获取select选中的option的index；

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

上面是我整理给大家的，希望今后会对大家有帮助。

Nodejs+Electron ubuntu安装步骤详解

原生JS+AJAX做出三级联动效果（附代码）

Vue+Video.js播放m3u8视频步骤详解

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者