`

【转】JavaScript获取select的值全解

阅读更多

获取显示的汉字

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

获取数据库中的id

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

获取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

 

来自http://www.cnblogs.com/zhangliyu/archive/2009/03/13/1410879.html

 

分享到:
评论

相关推荐

    javascript获取Select当前值.doc

    javascript获取Select当前值.doc

    javascript获取select标签选中的值.doc

    javascript获取select标签选中的值.doc

    javascript获取select值的方法分析

    使用JavaScript操作select元素,不仅可以获取用户选中的值,还可以实现动态更新选项等功能。本文将详细介绍使用JavaScript如何获取select元素中的值,并提供实例分析相关的技巧。 首先,获取用户在select元素中选中...

    javascript 获取select ->option中id、value、label属性及中内容

    javascript 获取select -&gt;option中id、value、label属性及&lt;option&gt;&lt;/option&gt;中内容

    javascript获取下拉列表的值

    在JavaScript中,获取下拉列表(也称为选择框或`&lt;select&gt;`元素)的值是一项常见的任务,特别是在处理用户输入和交互时。本篇博文中,我们将深入探讨如何有效地实现这一功能。 首先,我们需要理解HTML中的`&lt;select&gt;`...

    JavaScript获取select中text值的方法

    本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考,具体如下: 别的不说,先看代码: 方法一: &lt;select name=parent_id onchange=setTitleAndLinkByGoodsCategory(this.value,this....

    获取select的值

    有时候,我们需要获取用户选择的`select`的值,或者在页面加载时预设某个`option`为选中状态。在这个场景中,jQuery(简称jq)作为一个强大的JavaScript库,提供了方便的方法来实现这些功能。本文将详细讲解如何使用...

    el-select获取选中的label值.pdf

    从提供的信息来看,这里介绍的是如何在不通过循环遍历选项的情况下,直接获取`el-select`组件选中项的`label`值。 首先,`el-select`组件允许我们绑定一个数组作为其选项,每个选项通常包含`value`和`label`两个...

    JavaScript获取表单内所有元素值的方法

    本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;form id=...

    Javascript获取background属性中url的值

    总的来说,这篇文章分享了一个在JavaScript中获取CSS `background-image`属性中URL值的实用技巧,并强调了处理字符串和理解CSS属性值的重要性。对于正在学习或使用JavaScript的开发者来说,这种解决问题的方法是一个...

    JavaScript基础语法全解

    ### JavaScript基础语法全解 #### 变量与变量声明 - **变量定义**:变量是编程语言中用于存储数据的基本单元。在JavaScript中,变量作为存放数据的“容器”,其内容可以在程序运行过程中被更改。 - **变量示例**...

    javascript 编程全解

    本书全方位地介绍了JavaScript开发中的各个主题,无论是前端还是后端的JavaScript开发者都可以在本书中找到自己需要的内容。本书对HTML5、Web API、Node.js及WebSocket等最新的热门技术也作了深入浅出的介绍,并提供...

    JavaScript中获取Radio被选中的值

    原理就是:一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. &lt;form id=userlist method=post action=option.php&gt; &lt;input type=radio name=userid value=1&gt;1 &lt;input type=radio name=...

    JavaScript实现获取select下拉框中第一个值的方法

    本文实例讲述了JavaScript实现获取select下拉框中第一个值的方法。分享给大家供大家参考,具体如下: 1、说明 获取select下拉框中的第一个值 2、实现源码 &lt;!DOCTYPE ...

    Javascript 操作select控件大全

    Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等

    JavaScript编程全解 ((日)井上诚一郎等) 中文pdf完整版.zip

    JavaScript编程全解 ((日)井上诚一郎等) 中文pdf完整版

    Javascript 操作select下拉框

    此方法用于获取 `select` 下拉框的当前选中值。 - **返回值:** - 当前选中的选项值。 #### 9. 获取 Select 下拉框的当前选中文本 (var currSelectText = document.all.objSelect.options[document.all.objSelect....

    JavaScript操作select&&table

    通过JavaScript可以对这些下拉列表进行动态操作,包括添加选项、删除选项、获取选中的值等。下面将详细介绍如何使用JavaScript来操作`&lt;select&gt;`元素。 ##### 1. 创建Select元素 ```javascript function create...

    javascript_select_option_操作详解.txt

    ### JavaScript Select Option 操作详解 #### 一、检测是否有选中项 在处理表单时,经常需要检测用户是否已选择了某个 `&lt;select&gt;` 元素中的 `&lt;option&gt;` 项。以下是一个简单的示例来实现这一功能: ```javascript ...

Global site tag (gtag.js) - Google Analytics