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; 

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

相关文章：

Node js +Electron ubuntu安装步骤详解

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

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

以上就是Javascript操作dom对象之select（详细解答）的详细内容，更多请关注Gxl网其它相关文章！

查看更多关于Javascript操作dom对象之select（详细解答）的详细内容...