`
悠悠晃晃
  • 浏览: 39904 次
  • 性别: Icon_minigender_1
  • 来自: 山东
社区版块
存档分类
最新评论

JS获取option的value和text的方法

阅读更多
写JS的时候 获取select对象的value是很常见的事情 例如
<script language="javascript">
 function selectInput(choose)
 {  
    alert(document.getElementById("month").value); 
 }
</script>
<select name="month" id ="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)
 {  
    var selectInput = document.getElementById("month")
    alert(selectInput .options[selectInput.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>
分享到:
评论

相关推荐

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

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

    Vue.js获取被选择的option的value和text值方法

    拓展知识:select标签如何传递选中option的value值与text值方法 如下所示: &lt;select name=type onchange=show_sub(this.options[this.options.selectedIndex].value)&gt; &lt;option value=0&gt;请选择主菜名&lt;/option...

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

    - 示例中提到当option元素没有value属性时(如&lt;option&gt;cc&lt;/option&gt;),使用.val()方法获取的是option内的文本值,而不是value属性的值。这是因为.val()方法在没有指定value的情况下,返回的是被选中的option元素的...

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

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

    JS获取select-option-text_value的方法

     &lt;option value=”01″&gt;January&lt;/option&gt; &lt;option value=”02″&gt;February&lt;/option&gt; &lt;option value=”03″&gt;March&lt;/option&gt; &lt;option value=”04″&gt;April&lt;/option&gt; &lt;option value=”05″&gt;May&lt;/option&gt; &lt;option ...

    js添加select下默认的option的value和text的方法

    标题所介绍的知识点是:在JavaScript中向HTML的select元素添加默认option项的方法,包括设置option的value值和显示文本(text)。 描述中提到的内容包括:JavaScript如何创建HTML标签、如何向select下添加默认...

    js获取下拉列表框&lt;option&gt;中的value和text的值示例代码

    本篇文章将详细介绍如何通过JavaScript获取`&lt;option&gt;`标签中的`value`和`text`属性值。 首先,`&lt;option&gt;`标签用于创建下拉列表中的选项。它有两个关键属性: 1. `value`:这个属性定义了选项的值,通常用于服务器...

    jquery获取select,option所有的value和text的实例

    通过一个循环遍历所有option元素,并将每个元素的text和value组合成字符串,然后将这些字符串拼接到一个数组或一个长字符串中。 ```javascript var arr = new Array(); // 数组定义标准形式 var all = ""; // 定义...

    JavaScript获取select中text值的方法

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

    js获取select选中的option的text示例代码

    对于每个匹配到的select元素,我们使用.find()方法查找当前选中的option元素,并通过.text()方法获取该option元素的文本内容。 总结来说,无论是使用原生JavaScript还是jQuery库,获取select选中的option文本的操作...

    IE6/7/8中Option元素未设value时Select将获取空字符串

    综上所述,对于IE6/7/8中的`&lt;option&gt;`元素未设`value`时`&lt;select&gt;`获取空字符串的问题,理解这一特性,采用正确的HTML结构和JavaScript策略,是确保Web应用在旧版IE中正常运行的关键。同时,随着技术的进步,考虑...

    JS动态添加Select中的Option元素值

    在JavaScript(JS)编程中,动态添加Select中的Option元素值是一项常见的需求,特别是在网页交互或者数据填充时。这里我们将深入探讨如何实现这个功能,并提供一个实际的案例来演示这一过程。 首先,我们要理解HTML...

    js 操作select和option

    ### JavaScript 操作 Select 和 Option 的方法详解 在网页开发中,`&lt;select&gt;` 元素是一种常见的表单控件,用于收集用户输入的选择项。它通常包含多个 `&lt;option&gt;` 子元素供用户选择。通过 JavaScript,我们可以实现...

    JS获取DropDownList的value值与text值的示例代码

    本文将详细讲解如何使用JavaScript获取ASP.NET中的.DropDownList控件的selected选项的value值和text值。 首先,DropDownList是ASP.NET提供的一种常用控件,它在HTML中呈现为一个元素,允许用户从预定义的一组选项中...

    js获取下拉列表框option中的value和text的值示例代码

    在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得&lt;option value=”value”&gt;ShowText&lt;/option&gt;中”ShowText”,我们该如何获取呢?方法很...

    select option带自定义图片

    然而,原生的`&lt;option&gt;`元素并不支持直接添加图片,但通过一些JavaScript和CSS的技巧,我们可以实现自定义带有图片的`&lt;option&gt;`效果。以下是一个关于如何在`&lt;select&gt;`和`&lt;option&gt;`中添加自定义图片的详细教程。 ...

    怎么获取checkbox/select/radio、选择中的text和value值

    ### 获取Select元素的Text和Value #### 1. 获取选中的Value值 ```javascript $("select[@name=month] option[@selected]").val(); ``` 此语句通过`val()`函数获取`&lt;select&gt;`中当前选中`&lt;option&gt;`的`value`属性值。 ...

Global site tag (gtag.js) - Google Analytics