`
zys08
  • 浏览: 144730 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

javascript获取select的值全解

    博客分类:
  • HTML
 
阅读更多

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="3">ajax实验</option>
<option value="4"  selected="selected">我适宜市哈</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://blog.csdn.net/mastermanager/article/details/2128671

分享到:
评论

相关推荐

    javascript获取select值的方法分析

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

    Jquery获取Select标签的值

    ### Jquery 获取 Select 标签的值 在前端开发中,使用 jQuery 框架能够极大地简化 DOM 操作,使得获取或设置 HTML 元素的属性变得更加容易。本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的...

    JavaScript获取select中text值的方法

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

    Javascript获取background属性中url的值

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

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

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

    JavaScript基础语法全解

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

    JavaScript模拟select

    ### JavaScript模拟select控件知识点详解 #### 一、引言 在前端开发中,有时我们需要对浏览器原生的`&lt;select&gt;`元素进行定制化处理,比如实现更丰富的样式或者增加额外的功能。本篇将深入探讨如何使用纯JavaScript...

    jquery获得select option值

    ### 四、获取下拉列表(select)的值 1. **获取当前选中的选项的值**: ```javascript var item = $("select[@name=items] option:selected").text(); ``` 这里使用了`option:selected`选择器来选取当前被选中的`...

    javascript 获取select下拉列表值的代码

    在JavaScript中,获取select下拉列表的值是表单处理中常见的需求。为了实现这一点,通常会使用HTML中的select元素和option元素来构建下拉列表,然后通过JavaScript来读取用户选中的值。以下是对这一知识点的详细阐述...

    jQuery获取Select标签的手册

    要获取`Select`标签中当前选中的选项的`value`属性值,可以使用`$('select').val()`。例如: ```javascript var selectedValue = $('select').val(); ``` 这将返回`&lt;select&gt;`元素中选中`option`的`value`属性。...

    javascript 编程全解

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

    Javascript 操作select下拉框

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

    JavaScript编程全解 PDF

    作者: [日]井上诚一郎 / [日]土江拓郎 / [日]滨边将太 出版社: 人民邮电出版社

    JavaScript 获取客户端计算机硬件及系统信息

    JavaScript 获取客户端计算机硬件及系统信息 在网络应用中,获取客户端计算机硬件及系统信息是非常有价值的。通过 JavaScript,可以使用 WMI(Windows Management Instrumentation)来实现获取客户端计算机硬件及...

    JavaScript获取网页表单action属性的方法

    在JavaScript中,我们可以通过多种方式获取表单的action属性值。一种简单直接的方法是通过表单的id来获取该表单元素,然后访问其action属性。以下是一个JavaScript代码示例,演示了如何输出表单的action属性值: ``...

    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 ...

    javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)

    首先,让我们看看JavaScript代码如何获取一个select元素当前选中的值。通过使用`document.getElementById`方法,我们可以选取具有特定id的select元素。然后,我们通过访问这个元素的`options`属性,该属性会返回一个...

    《JavaScript编程全解》PDF版本下载.txt

    根据提供的文件信息,我们可以推断出这是一份关于获取《JavaScript编程全解》PDF版本的指南。虽然直接的文本内容较少,但从标题、描述及标签中可以提炼出关于《JavaScript编程全解》这本书的一些关键信息及其重要性...

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

    本文主要介绍如何使用JavaScript获取select下拉框中的第一个值,这涉及到页面元素属性的获取和操作,以及如何使用JavaScript编写函数来完成这一任务。 首先,要实现获取select下拉框中第一个值的功能,需要使用...

Global site tag (gtag.js) - Google Analytics