首页 > web前端 > js教程 > javascript获取select值的方法分析

javascript获取select值的方法分析

WBOY
发布: 2016-06-01 09:54:31
原创
2134 人浏览过

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

1. 获取选中值得文本

<code class="language-javascript">document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text</code>
登录后复制
登录后复制

2. 获取数据库中的id

<code class="language-javascript">window.document.getElementById("bigclass").value</code>
登录后复制
登录后复制

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

<code class="language-javascript">window.document.getElementById("bigclass").selectedIndex</code>
登录后复制
登录后复制

例子

<code class="language-javascript"><select name="bigclass" id="bigclass" onchange="javascript:updatePage2();">
<option value="" selected>ajax实验</option>
<option value="4">我适宜市哈</option>
</select></code>
登录后复制

 

使用:

<code class="language-javascript">document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text</code>
登录后复制
登录后复制

结果是:我适宜市哈

 

使用:

<code class="language-javascript">window.document.getElementById("bigclass").value</code>
登录后复制
登录后复制

结果是:4

 

使用:

<code class="language-javascript">window.document.getElementById("bigclass").selectedIndex</code>
登录后复制
登录后复制

结果是:1

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板