Javascript操作dom对象之select全面解析


Posted in Javascript onApril 24, 2017

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 相关文章推荐
js关闭浏览器窗口及检查浏览器关闭事件
Sep 03 Javascript
jQuery获取多种input值的简单实现方法
Jun 20 Javascript
JavaScript数组方法大全(推荐)
Jul 05 Javascript
IE下JS保存图片的简单实例
Jul 15 Javascript
javascript防篡改对象实例详解
Apr 10 Javascript
微信小程序实战之自定义抽屉菜单(7)
Apr 18 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
从组件封装看Vue的作用域插槽的实现
Feb 12 Javascript
React通过redux-persist持久化数据存储的方法示例
Feb 14 Javascript
详解50行代码,Node爬虫练手项目
Apr 22 Javascript
javascript canvas检测小球碰撞
Apr 17 Javascript
解决vue-router路由拦截造成死循环问题
Aug 05 Javascript
Node+Express+MongoDB实现登录注册功能实例
Apr 23 #Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 #jQuery
基于JavaScript实现类名的添加与移除
Apr 23 #Javascript
源码分析Vue.js的监听实现教程
Apr 23 #Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
Apr 23 #Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
Apr 23 #Javascript
Node.js中的require.resolve方法使用简介
Apr 23 #Javascript
You might like
PHP中读取文件的8种方法和代码实例
2014/08/05 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式二图文详解
2019/04/09 PHP
javascript 出生日期和身份证判断大全
2008/11/13 Javascript
解析页面加载与js函数的执行 onload or ready
2013/12/12 Javascript
toggle()隐藏问题的解决方法
2014/02/17 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
2015/03/05 Javascript
JS中完美兼容各大浏览器的scrolltop方法
2015/04/17 Javascript
Javascript中For In语句用法实例
2015/05/14 Javascript
AngularJS directive返回对象属性详解
2016/03/28 Javascript
JS打开摄像头并截图上传示例
2017/02/18 Javascript
微信小程序实现form表单本地储存数据
2019/06/27 Javascript
微信小程序使用蓝牙小插件
2019/09/23 Javascript
jQuery实现滑动星星评分效果(每日分享)
2019/11/13 jQuery
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
详解Vue.js 可拖放文本框组件的使用
2021/03/03 Vue.js
[45:44]完美世界DOTA2联赛PWL S2 FTD vs PXG 第一场 11.27
2020/12/01 DOTA
python实现将pvr格式转换成pvr.ccz的方法
2015/04/28 Python
matlab中实现矩阵删除一行或一列的方法
2018/04/04 Python
django 解决manage.py migrate无效的问题
2018/05/27 Python
Python正则表达式指南 推荐
2018/10/09 Python
Django中的forms组件实例详解
2018/11/08 Python
python进程和线程用法知识点总结
2019/05/28 Python
Django CBV类的用法详解
2019/07/26 Python
Django发送邮件和itsdangerous模块的配合使用解析
2019/08/10 Python
10张动图学会python循环与递归问题
2021/02/06 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
HTML5 Canvas实现玫瑰曲线和心形图案的代码实例
2014/04/10 HTML / CSS
万得城电器土耳其网站:欧洲第一大电子产品零售商
2016/10/07 全球购物
科颜氏英国官网:Kiehl’s英国
2019/11/20 全球购物
语文教育专业推荐信范文
2013/11/25 职场文书
《口技》教学反思
2014/02/21 职场文书
2014年大班元旦活动方案
2014/02/26 职场文书
法制宣传标语
2014/06/23 职场文书
分公司总经理岗位职责
2014/07/30 职场文书
党员批评与自我批评发言稿
2014/10/14 职场文书
浅谈css清除浮动(clearfix和clear)的用法
2023/05/21 HTML / CSS