当前位置:主页 > javascript教程 > Javascript操作dom对象之select全面解析

Javascript操作dom对象之select详解

发布:2020-03-11 15:36:12 157


给大家整理一篇javascript相关的编程文章,网友从明喆根据主题投稿了本篇教程内容,涉及到Javascript、dom、select、Javascript操作dom对象之select全面解析相关内容,已被748网友关注,涉猎到的知识点内容可以在下方电子书获得。

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;

3.获取select选中的option的value;

var val=university.options[index];

4.获取select选中的option的index;

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

以上这篇Javascript操作dom对象之select全面解析就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。


参考资料

相关文章

  • JavaScript中的ignoreCase属性使用方法

    发布:2020-01-05

    这篇文章主要介绍了JavaScript正则表达式中的ignoreCase属性使用详解,是JS学习进阶中的重要知识点,需要的朋友可以参考下


  • JavaScript中this关键字的使用方法

    发布:2020-03-12

    this是函数内部的对象并且被用于调用该函数,this在全局中的使用非常之灵活,下面就带大家来详解JavaScript中this关键字的用法


  • 分享JavaScript 获取元素在父节点中的下标技巧

    发布:2020-02-12

    jQuery中直接通过$(this).index()即可得到当前元素的下标。下面通过实例给大家介绍JavaScript 获取元素在父节点中的下标,需要的朋友参考下吧


  • javascript中数组用法整理

    发布:2019-11-20

    这篇文章主要介绍了js中数组常用方法总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


  • 介绍javascript中递归函数的小注意

    发布:2020-03-14

    这篇文章主要针对javascript中递归函数用法注意点做介绍,有需要小伙伴可以来学习下


  • Java解析XML文件开源库DOM4J

    发布:2023-03-06

    dom4j是一个Java的XML API,是jdom的升级品,用来读写XML文件的。dom4j是一个十分优秀的JavaXML API,具有性能优异、功能强大和极其易使用的特点,它的性能超过sun公司官方的dom技术,同时它也是一个开放源代码的软件


  • JavaScript基本语法简单总结

    发布:2020-01-21

    这篇文章主要介绍了JavaScript基本语法,适合刚入门的同学,有兴趣的可以了解下。


  • JavaScript面向对象概念中的Object类型与作用域

    发布:2020-05-16

    这篇文章主要介绍了解析JavaScript面向对象概念中的引用类型与作用域,文中重点讲解了扩充函数运行作用域的需要的call和apply方法,朋友可以参考下


网友讨论