Javascript操作dom对象之select(详细解答)

互联网 18-5-19
下面我为大家带来一篇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;

var val=university.options[index];

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

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

相关文章:

Nodejs+Electron ubuntu安装步骤详解

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

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

以上就是Javascript操作dom对象之select(详细解答)的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: js
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:如何在微信小程序中显示html格式内容(图文教程)

相关资讯