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程序设计有所帮助。

相关文章

  • javascript实现查询商品功能

    javascript实现查询商品功能

    这篇文章主要为大家详细介绍了javascript实现查询商品功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • GoJs连线上的信息展示使用详解

    GoJs连线上的信息展示使用详解

    这篇文章主要为大家介绍了GoJs连线上的信息展示使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • Javascript 高性能之递归,迭代,查表法详解及实例

    Javascript 高性能之递归,迭代,查表法详解及实例

    这篇文章主要介绍了Javascript 高性能之递归,迭代,查表法详解及实例的相关资料,需要的朋友可以参考下
    2017-01-01
  • document.cookie 使用小结

    document.cookie 使用小结

    这篇文章主要介绍了document.cookie 使用,主要包括cookie设置,修改cookie值及获取cookie值的相关知识,本文给大家介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • JS简单动画封装浅析

    JS简单动画封装浅析

    JS动画,实质是对DOM样式的改变。只要把主流浏览器DOM元素的属性方法搞清楚,做JS动画并不算难
    2011-11-11
  • 微信小程序 自定义弹窗实现过程(附代码)

    微信小程序 自定义弹窗实现过程(附代码)

    这篇文章主要介绍了微信小程序 自定义弹窗实现过程(附代码),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • 浅谈Javascript变量作用域问题

    浅谈Javascript变量作用域问题

    这篇文章主要简单介绍了个人对于Javascript变量作用域问题的一点理解,分享给大家,有需要的小伙伴参考下
    2014-12-12
  • JS实现的判断方法、变量是否存在功能示例

    JS实现的判断方法、变量是否存在功能示例

    这篇文章主要介绍了JS实现的判断方法、变量是否存在功能,涉及javascript针对变量、方法判断与异常处理操作技巧,需要的朋友可以参考下
    2018-05-05
  • JavaScript 浮点数精度问题小结

    JavaScript 浮点数精度问题小结

    浮点数精度问题是指在计算机中使用二进制表示浮点数时,由于二进制无法精确表示某些十进制小数,本文主要介绍了JavaScript 浮点数精度问题,具有一定的参考价值,感兴趣的可以了解一下
    2025-02-02
  • 一文带你了解JavaScript函数柯里化

    一文带你了解JavaScript函数柯里化

    柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。本文将通过一些示例带大家深入了解JS的函数柯里化,需要的可以参考一下
    2023-02-02

最新评论