`

使用JS获取Select的文本值

阅读更多
.JS获取select-option text 2010-05-04 11:36:05|  分类: 默认分类 |  标签: |字号大中小 订阅 .

写JS的时候 获取select对象的value是很常见的事情 例如

<script language="javascript">
function selectInput(choose)

   alert(choose.value);
}
</script>
<select name="month" onchange="selectInput(this)">
         <option  value="01">January</option>
         <option  value="02">February</option>
         <option  value="03">March</option>
         <option  value="04">April</option>
         <option  value="05">May</option>
         <option  value="06">June</option>
         <option  value="07">July</option>
         <option  value="08" selected="selected">August</option>
         <option  value="09">September</option>
         <option  value="10">October</option>
         <option  value="11">November</option>
         <option  value="12">December</option>
</select>

这样子就可以获得 month的值了 也就是01 02 03... 但是value所指向的text呢? 用一般的方法

function selectInput(choose)

   alert(choose.text);
}

这样子是获取不到的~ 那我们则需要另一种方法获取

<script language="javascript">
function selectInput(choose)

   alert(choose.options[choose.selectedIndex].text);
}
</script>
<select name="Month" onchange="selectInput(this)">
         <option  value="01">January</option>
         <option  value="02">February</option>
         <option  value="03">March</option>
         <option  value="04">April</option>
         <option  value="05">May</option>
         <option  value="06">June</option>
         <option  value="07">July</option>
         <option  value="08" selected="selected">August</option>
         <option  value="09">September</option>
         <option  value="10">October</option>
         <option  value="11">November</option>
         <option  value="12">December</option>
</select>
分享到:
评论
1 楼 sunchensunchen 2015-08-09  
解决了我的问题,谢谢

相关推荐

    Jquery获取Select标签的值

    要获取 Select 下拉框的当前选中值(即 value 属性的值),可以使用以下代码: ```javascript $('select').val(); ``` 这行代码会返回当前选中的 `&lt;option&gt;` 元素的 `value` 属性值。 ##### 2. 获取 Select 选中的 ...

    javascript获取下拉列表的值

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

    jquery获得select option值

    根据提供的文件信息,我们可以总结出一系列关于如何使用jQuery来获取不同类型的表单元素(如文本框、单选按钮、复选框以及下拉列表)的值的方法。下面将详细介绍这些方法及其应用场景。 ### 一、获取文本框(input ...

    用jquery获取select标签中选中的option值及文本的示例

    综上所述,示例演示了使用jQuery来获取select标签中选中项的值和文本的方法,并考虑了没有value属性的特殊情况,还涉及到了事件绑定和DOM操作的基本知识。对于学习和使用jQuery进行前端开发的读者来说,这些内容都是...

    jquery获取select选中值的方法分析

    本文实例讲述了jquery获取select选中值的方法。分享给大家供大家参考,具体如下: 误区: 以前一直以为jquery获取select中option被选中的文本值,是这样写的: 复制代码 代码如下:$(“#s...js获取select选中的值: var

    js获取select标签选中值的两种方式

    在JavaScript和jQuery中,获取`&lt;select&gt;`标签中选中选项的值是常见的操作,尤其在处理表单数据时。以下将详细介绍这两种方法,并提供一些相关的扩展知识。 ### JavaScript 获取选中值 #### 方法一:原生 ...

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

    当需要获取选中项的`label`值时,可以使用以下方式: ```javascript // 在Vue实例的方法中 getSelectedLabel() { console.log(this.$refs.myselect.selected.label); } ``` 在`getSelectedLabel`方法中,`this.$...

    javascript获取select值的方法分析

    本文将详细介绍使用JavaScript如何获取select元素中的值,并提供实例分析相关的技巧。 首先,获取用户在select元素中选中的值是Web开发中的常见需求。通常,select元素会通过一个id属性来标识自己,以便JavaScript...

    jQuery取得select选择的文本与值的示例

    首先,获取select元素选中的文本(text)可以使用以下方式: ```javascript $("#ddlregtype").find("option:selected").text(); ``` 这段代码的意思是,通过jQuery的`find()`方法来查找id为`ddlregtype`的select...

    javascript获取select值的方法完整实例

    总的来说,了解并熟练掌握JavaScript获取`&lt;select&gt;`值的方法,对于开发动态网页和前端交互功能至关重要。结合实例和实践,可以更深入地理解这些技术,并将其应用于实际项目中。同时,了解jQuery的简化语法也是提高...

    JavaScript获取select中text值的方法

    本文将详细介绍如何使用JavaScript来获取HTML中的`&lt;select&gt;`元素中选中项的文本值。`&lt;select&gt;`元素通常用于创建下拉列表,用户可以在这些列表中选择一个或多个选项。获取选中项的文本值在很多场景下都很有用,例如...

    js获取下拉列表中选中的值和文本

    以上示例代码中包含了完整的HTML结构,展示了如何使用JavaScript获取下拉列表的选中值和文本,以及如何获取和修改单选按钮组的选中项。这些技术在实际开发中非常有用,能够帮助开发者更好地处理表单数据。

    html js 清除select里的值,js控制select增删改,选中,清空, 判断控件是否存在

    2. **JavaScript获取和设置选中值**: - 获取选中值:可以使用`document.getElementById('mySelect').value`获取选中项的值。 - 设置选中值:假设要选中`value="option2"`的项,可以这样操作:`document....

    jQuery获取Select标签的手册

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

    vue.js 获取select中的value实例

    在本文中,我们将学习如何在Vue.js框架中获取select下拉列表中的选中值。Vue.js是一种流行的JavaScript框架,用于构建用户界面和单页应用程序。它允许我们使用响应式数据绑定和组件化的视图组件。下面,我们将通过一...

    js里怎么取select标签里的值并修改

    在JavaScript中,获取和修改`select`标签中的值是常见的操作,特别是在动态更新表单或者交互式用户界面中。在给定的标题和描述中,我们关注的是如何找到具有特定文本或值的`option`元素,并对其进行修改。下面将详细...

    javascript获取select标签选中的值

    以上就是使用纯JavaScript获取`&lt;select&gt;`标签选中值的基本操作。接下来,我们来看看如何使用jQuery库来实现相同的功能。 jQuery是一个流行的JavaScript库,它提供了更简洁的语法来操作DOM元素。获取选中值的方式...

    js 加载select 项

    本文将深入探讨如何使用`js`加载`select`项,并介绍`JSelect`库的使用方法。 首先,我们来看一下如何用JavaScript动态地向`select`元素添加选项。这通常涉及以下几个步骤: 1. 获取`select`元素:通过`document....

    JS获取select的value和text值的简单实例

    本文将详细讲解如何通过JavaScript获取`&lt;select&gt;`元素的`value`和`text`值,以及如何动态添加`&lt;option&gt;`。 首先,让我们分析一下给出的代码片段: ```html &lt;select id="cityList"&gt; &lt;!-- 省略部分 --&gt; &lt;/select&gt; ...

Global site tag (gtag.js) - Google Analytics