`

获取select option中的value和text

    博客分类:
  • JS
 
阅读更多
如果想获得下拉列表框的value,需要通过这种方式
<script language="javascript">
function selectInput(choose)
{
   alert(choose.value); //this.value
   alert(document.all.month.value);//这个是另外种获得下拉列表框的值
}
</script>
<select name="month" onchange="selectInput(this)">
         <option value="01">January</option>
         <option value="02">February</option>
         <option value="03" selected=”selected”>March</option>
         <option value="04">April</option>
</select>

如果需要获取他的text,首先需要获得取下标值,再通过下标值来获取text
<script language="javascript">
function selectInput(choose)
{
   //首先获得下标,再取获得对应的text
   alert(choose.options[choose.selectedIndex].text);
}
</script>
<select name="Month" onchange="selectInput(this)">
         <option value="01">January</option>
         <option value="02" selected=”selected”>February</option>
         <option value="03">March</option>
         <option value="04">April</option>
</select>
分享到:
评论

相关推荐

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

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

    jQuery获取Select选择的Text和_Value

    jQuery 获取和设置 Select 选择的 Text 和 Value jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将...

    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所有的value和text的实例

    想想学习jQuery也有几天了,然后今天由于工作需要,我需要把select对应下的option所有的value和 text获取出来,然后拼接,导入到xml文件中,结果搞了一下午,终于搞出来了。下面是对应的代码: &lt;body&gt;中的代码...

    如何获取select下拉框的值(option没有及有value属性)

    如何获取select下拉框的值: 1.下拉框的option没有value属性时 代码如下: &lt;select id=”param1″&gt; &lt;option&gt;学号&lt;/option&gt; &lt;option&gt;姓名&lt;/option&gt; &lt;option&gt;年龄&lt;/option&gt; &lt;/seclect&gt; [removed] [removed] = ...

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

    主要介绍了js中创建html标签、添加select下默认的option的value和text,很实用,需要的朋友可以看看

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

    JQuery中对Select的option项的添加、删除、取值

    jQuery获取Select选择的Text和Value: 代码如下: $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected”).text(); ...

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

    代码如下:&lt;select id = “cityList” &gt; &lt;select id = “selectId” &... // 通过对象添加option selectId.add(new Option(“第一个”,”1″)) selectId.add(new Option(“第二个”,”2″)) // 通过id添加

    jQuery获取Select标签的手册

    jQuery获取Select标签的手册 单选组radio: $("input[type=radio][checked]").val(); 下拉框select的value值: $('select').val();...下拉框select选中的text 值:$("select").find("option:selected").text();

    JavaScript获取select中text值的方法

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

    Ant design vue中的a-select在动态给option赋值之后,placeholder失效.pdf

    Ant design vue中的a-select在动态给option赋值之后,placeholder失效

    js 操作select和option常用代码整理

    1、获取选中select的value和text,html代码如下: 代码如下: &lt;select id=”mySelect”&gt; &lt;option value=”1″&gt;one&lt;/option&gt; &lt;option value=”2″&gt;two&lt;/option&gt; &lt;option value=”3″&gt;three&lt;/option&gt; &lt;/select&...

    jQuery获取Select选择的Text和Value(详细汇总)

    语法解释: 代码如下: 1. $(“#select_id”).change(function(){//code…}); //为Select添加事件,当... //获取Select选择的Value 4. var checkIndex=$(“#select_id “).get(0).selectedIndex; //获取Select选择的索

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

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

    jQuery操作select下拉框的text值和value值的方法

    1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的...

    vue.js 获取select中的value实例

    如下所示: &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt;...select v-model=selected &gt;... &lt;option v-for=option v-bind:value=option.value&gt; {{ option.text }} &lt;/opt

    jQuery操作Select选择的Text和Value(获取/设置/添加/删除)

    jQuery获取Select选择的Text和Value: 选择一项试试看 语法解释: 代码如下: . $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 . var checkText=$(“#select_id”)....

Global site tag (gtag.js) - Google Analytics