Javascript操作dom对象之select（详细解答）

下面我为大家带来一篇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中文网其他相关文章！