`

获取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标签中选中的option值及文本的示例

    根据提供的文件信息,我们可以了解到如何使用jQuery来获取HTML中select标签的选中项(option)的值(value)和文本内容(text)。以下是详细的知识点: 1. 引入jQuery库:要使用jQuery操作DOM元素,必须先引入...

    如何获取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] = ...

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

    select option带自定义图片

    以下是一个关于如何在`&lt;select&gt;`和`&lt;option&gt;`中添加自定义图片的详细教程。 首先,我们需要理解HTML基础。`&lt;select&gt;`元素创建一个可选列表,用户可以选择其中的一个或多个选项。`&lt;option&gt;`元素定义了下拉列表中的一...

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

    addOption('select1', option.text, option.value); addOption('select2', option.text, option.value); }); ``` 在这个例子中,我们定义了两个函数:`createOption`用于创建Option元素,`addOption`则用于...

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

    1. **获取`&lt;select&gt;`的`value`和`text`**:`&lt;select&gt;`元素的`value`通常是选中`&lt;option&gt;`的`value`属性,而`text`则是选中`&lt;option&gt;`的可见文本。在`onchange`事件处理函数中,我们可以通过以下方式获取: - `...

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

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

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

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

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

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

    js实现动态生成select中的option

    在JavaScript编程中,动态生成`select`元素中的`option`是一项常见的需求,特别是在网页交互或者数据展示时。本文将深入探讨如何使用JavaScript实现这一功能,同时结合提供的`autoSelect.html`和`autoselect.txt`...

    jquery获得select option值

    这里使用了`option:selected`选择器来选取当前被选中的`&lt;option&gt;`元素,并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**: ```javascript $('#select_id')[0].selectedIndex = 1; ``` 通过直接...

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

    在上面的例子中,id为"mySelect"的select元素包含了四个option子元素,每个子元素都有一个value属性和一个文本内容。我们的目标是获取用户选中option的文本内容。 在JavaScript中,可以通过多种方法获取选中option...

    jQuery获取Select标签的手册

    若要获取`Select`标签中当前选中选项的文本内容,可以使用`$("select").find("option:selected").text()`。例如: ```javascript var selectedText = $("select").find("option:selected").text(); ``` 这将...

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

    在IE6、IE7和IE8中,如果`&lt;option&gt;`没有`value`属性,它们在用户做出选择后,`&lt;select&gt;`的`value`获取到的是空字符串,这显然与W3C标准不一致。标准规定,如果`&lt;option&gt;`没有`value`,那么`value`应该等于选项的文本...

    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

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

Global site tag (gtag.js) - Google Analytics