javascript获取select值的方法分析

更新时间：2015年07月02日 09:58:21 作者：tianmo2010

这篇文章主要介绍了javascript获取select值的方法,实例分析了javascript获取select元素值的相关技巧,需要的朋友可以参考下

本文实例讲述了javascript获取select值的方法。分享给大家供大家参考。具体分析如下：

1. 获取显示的汉字

复制代码代码如下:

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

2. 获取数据库中的id

复制代码代码如下:

window.document.getElementById("bigclass").value

3.获取select组分配的索引id

复制代码代码如下:

window.document.getElementById("bigclass").selectedIndex

例子：

<select name="bigclass" id="bigclass" onChange="javascript:updatePage2();">
<option value="" selected="selected">ajax实验</option>
<option value="4">我适宜市哈</option>
</select>

使用：

复制代码代码如下:

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

结果是：我适宜市哈

使用：

复制代码代码如下:

window.document.getElementById("bigclass").value

结果是：4

使用：

复制代码代码如下:

window.document.getElementById("bigclass").selectedIndex

结果是：1

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

uniapp微信小程序打卡功能的详细实现流程
最近因为工作需要,搭建了一个加班打卡的小程序,下面这篇文章主要给大家介绍了关于uniapp微信小程序打卡功能的详细实现流程,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-12-12
解决bootstrap-select 动态加载数据不显示的问题
今天小编就为大家分享一篇解决bootstrap-select 动态加载数据不显示的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08
JavaScript判断数组成员的几种方法
这篇文章主要介绍了JavaScript判断数组成员的几种方法,文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下
2022-08-08
JavaScript 利用Cookie记录用户登录信息
JavaScript与Cookie之利用Cookie记录用户登录信息
2009-12-12
JavaScript实现图片切换效果
这篇文章主要为大家详细介绍了JavaScript实现图片切换效果，以及自定义属性的应用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
Webpack中publicPath路径问题详解
这篇文章主要介绍了Webpack中publicPath路径问题详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-05-05
JavaScript数据结构之双向链表
这篇文章主要为大家详细介绍了JavaScript数据结构之双向链表，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-03-03
JS深度拷贝Object Array实例分析
这篇文章主要介绍了JS深度拷贝Object Array,结合实例形式分析了JavaScript深度拷贝的原理,需要的朋友可以参考下
2016-03-03
JavaScript全排列的六种算法具体实现
这篇文章介绍了全排列的六种算法有，交换算法，链接算法，回溯算法等，有需要的朋友可以参考一下
2013-06-06
前端组件化基础知识详细讲解
这篇文章主要介绍了前端组件化基础知识，我们一起来学习前端组件化的知识，组件化在前端架构里面是最重要的部分，了解什么是组件化和一个组件的基本组成部分开始
2021-04-04

最新评论