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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
JavaScript中的稀疏数组与密集数组[译]
Sep 17 Javascript
jquery实现标签上移、下移、置顶
Apr 26 Javascript
javascript实现支持移动设备画廊
Aug 24 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
Aug 18 Javascript
JavaScript转换数据库DateTime字段类型方法
Jun 27 Javascript
总结4个方面优化Vue项目
Feb 11 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
Apr 10 jQuery
node.js express框架简介与实现
Jul 23 Javascript
基于JavaScript获取base64图片大小
Oct 18 Javascript
小程序点餐界面添加购物车左右摆动动画
Sep 23 Javascript
vue实现可拖拽的dialog弹框
May 13 Vue.js
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用户指南-cookies部分
2006/10/09 PHP
PHP 应用程序的安全 -- 不能违反的四条安全规则
2006/11/26 PHP
php mysql 判断update之后是否更新了的方法
2012/01/10 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
JS多物体 任意值 链式 缓冲运动
2012/08/10 Javascript
javascript判断非数字的简单例子
2013/07/18 Javascript
JS判断不能为空实例代码
2013/11/26 Javascript
js匿名函数的调用示例(形式多种多样)
2014/08/20 Javascript
js获取checkbox复选框选中的选项实例
2014/08/24 Javascript
JavaScript获取ul中li个数的方法
2017/02/13 Javascript
详解vue mint-ui源码解析之loadmore组件
2017/10/11 Javascript
vue 挂载路由到头部导航的方法
2017/11/13 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
关于引入vue.js 文件的知识点总结
2020/01/28 Javascript
js对象简介与基本用法示例
2020/03/13 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
2020/05/14 Javascript
[30:37]【全国守擂赛】第三周擂主赛 Dark Knight vs. Leopard Gaming
2020/05/04 DOTA
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
Python和Perl绘制中国北京跑步地图的方法
2016/03/03 Python
Python实现MySQL操作的方法小结【安装,连接,增删改查等】
2017/07/12 Python
Python语言描述KNN算法与Kd树
2017/12/13 Python
python 对多个csv文件分别进行处理的方法
2019/01/07 Python
在Python中通过getattr获取对象引用的方法
2019/01/21 Python
pandas.cut具体使用总结
2019/06/24 Python
python实现微信小程序用户登录、模板推送
2019/08/28 Python
python lambda函数及三个常用的高阶函数
2020/02/05 Python
tensorflow之自定义神经网络层实例
2020/02/07 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
解决Python安装cryptography报错问题
2020/09/03 Python
实习自我鉴定范文
2013/10/30 职场文书
财务学生的职业生涯发展
2014/02/11 职场文书
安全责任书
2015/01/29 职场文书
个人更名证明
2015/06/23 职场文书
部门主管竞聘书
2015/09/15 职场文书
Python import模块的缓存问题解决方案
2021/06/02 Python
Python使用永中文档转换服务
2022/05/06 Python