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 相关文章推荐
accesskey 提交
Jun 26 Javascript
基于jquery的修改当前TAB显示标题的代码
Dec 11 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
May 07 Javascript
js获取当前日期代码适用于网页头部
Jun 27 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
Mar 19 Javascript
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
Dec 30 Javascript
微信小程序开发之map地图实现教程
Jun 08 Javascript
vue.js通过路由实现经典的三栏布局实例代码
Jul 08 Javascript
Vue官方推荐AJAX组件axios.js使用方法详解与API
Oct 09 Javascript
webpack3.0升级4.0的方法步骤
Apr 02 Javascript
详细分析vue表单数据的绑定
Jul 20 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+mysqli实现将数据库中一张表信息打印到表格里的方法
2015/01/28 PHP
PHP上传文件及图片到七牛的方法
2018/07/25 PHP
浅谈php://filter的妙用
2019/03/05 PHP
PHP设计模式之PHP迭代器模式讲解
2019/03/22 PHP
JS Excel读取和写入操作(模板操作)实现代码
2010/04/11 Javascript
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
2012/10/11 Javascript
js中return false(阻止)的用法
2013/08/14 Javascript
jQuery实现可收缩展开的级联菜单实例代码
2013/11/27 Javascript
JS window对象的top、parent、opener含义介绍
2013/12/03 Javascript
jquery对table中各数据的增加、保存、删除操作示例
2014/05/14 Javascript
JavaScript对Cookie进行读写操作实例
2015/07/25 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
2016/07/07 Javascript
JS读写CSS样式的方法汇总
2016/08/16 Javascript
浅谈js中test()函数在正则中的使用
2016/08/19 Javascript
Bootstrap超大屏幕的实现代码
2017/03/22 Javascript
JavaScript编程设计模式之构造器模式实例分析
2017/10/25 Javascript
nodejs超出最大的调用栈错误问题
2017/12/27 NodeJs
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
对vue生命周期的深入理解
2020/12/03 Vue.js
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
python networkx 根据图的权重画图实现
2019/07/10 Python
pytorch 更改预训练模型网络结构的方法
2019/08/19 Python
redis数据库及与python交互用法简单示例
2019/11/01 Python
Python使用QQ邮箱发送邮件实例与QQ邮箱设置详解
2020/02/18 Python
Python如何实现邮件功能
2020/05/27 Python
Blue Nile台湾:钻石珠宝商,订婚首饰、结婚戒指和精品首饰
2017/11/24 全球购物
详解如何解决使用JSON.stringify时遇到的循环引用问题
2021/03/23 Javascript
求职自荐信范文格式
2013/11/29 职场文书
写给女朋友的道歉信
2014/01/12 职场文书
自主招生自荐信指南
2014/02/04 职场文书
二手房购房协议书范本
2014/10/05 职场文书
中标通知书范本
2015/04/17 职场文书
幸福来敲门观后感
2015/06/04 职场文书
认识实习感想
2015/08/10 职场文书
Nginx部署vue项目和配置代理的问题解析
2021/08/04 Servers
python周期任务调度工具Schedule使用详解
2021/11/23 Python