Javascript操作dom对象之select详解

更新时间：2020-03-11 15:36:12
编辑：通成济

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全面解析就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持码农之家。

相关教程

详解JavaScript中操作符和表达式

本篇文章给大家分享了关于JavaScript中操作符和表达式的相关知识点内容，有兴趣的朋友们参考下吧。

发布时间：2019-06-21
浅析jQuery 遍历函数，javascript中的each遍历

下面小编就为大家带来一篇浅析jQuery 遍历函数，javascript中的each遍历。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

发布时间：2019-07-24
JavaScript前端开发案例教程

JavaScript是这种运用于Web前端开发的开发语言，具备简易、易懂、实用的特性，用JavaScript开发设计网页页面能够提高网页页面的参与性，为客户出示即时的、动态性的互动感受。《 JavaScript前端

大小：75.1 MBJS前端电子书
PHP、MySQL与JavaScript学习手册（第4版）

本书有借助面向对象的编程基础，深入学习PHP。研究MySQL，从数据库结构到复杂查询。掌握JavaScript语言，以及带有jQuery的增强功能。调用Ajax进行后台浏览器/服务器通信等，欢迎免费下载

大小：76 MBPHP学习手册电子书
精通JavaScript

精通JavaScript(第2版) 是iQuery之父的经典之作，是深入学习JavaScript技术的绝佳教材，涵盖了可重用代码、文档对象模型、Ajax、Web生产工具、AngularJS等内容。作者讲解了JavaScript的发展现状、实用技

大小：33.5 MBJavaScript电子书
JavaScript和jQuery实战手册

JavaScript可以大大改进网页的动画、交互性和视觉效果，但学习该门语言不太容易。本书通过一步步引导JavaScript基础知识，展示了如何使用jQuery（即预先写好的JavaScript代码库）来节省时间和精

大小：103 MBJavaScript电子书
第三方JavaScript编程

第三方JavaScript应用程序是自包含的应用组件，通常都是小脚本或插件，能够为Web站点增加功能。它们往往是由独立的组织或个人提供的，代码和文件都是来自于远程的Web地址。《第三方JavaS

大小：74.2 MBJavaScript电子书
JavaScript DOM编程艺术

非常畅销书全新升级，首版销售量确保。书中详细说明开发Web运用的基石W3C的DOM标准，由提倡Web标准的大神领军人物执笔用心编写，表明了前端工程师的人生真谛，是学习培训JavaScript和DOM开发

大小：109.2 MBJavaScript电子书
JavaScript高级程序设计

《 JavaScript高級编程设计(第3版) 》是JavaScript超級畅销书的*版。ECMAScript5和HTML5在规范之战中同时获胜，使很多特有保持和手机客户端拓展宣布进到标准，另外也为JavaScript增加了许多融入发展方

大小：23 MBJS程序设计电子书
大型JavaScript应用最佳实践指南

大小：35 MBJavaScript电子书
趣学JavaScript：教孩子学编程

大小：42.7 MBJavaScript电子书