写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属性及<option></option>中内容
拓展知识:select标签如何传递选中option的value值与text值方法 如下所示: <select name=type onchange=show_sub(this.options[this.options.selectedIndex].value)> <option value=0>请选择主菜名</option...
- 示例中提到当option元素没有value属性时(如<option>cc</option>),使用.val()方法获取的是option内的文本值,而不是value属性的值。这是因为.val()方法在没有指定value的情况下,返回的是被选中的option元素的...
本文将详细讲解如何通过JavaScript获取`<select>`元素的`value`和`text`值,以及如何动态添加`<option>`。 首先,让我们分析一下给出的代码片段: ```html <!-- 省略部分 --> <option value="0">第0个</...
<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 ...
标题所介绍的知识点是:在JavaScript中向HTML的select元素添加默认option项的方法,包括设置option的value值和显示文本(text)。 描述中提到的内容包括:JavaScript如何创建HTML标签、如何向select下添加默认...
本篇文章将详细介绍如何通过JavaScript获取`<option>`标签中的`value`和`text`属性值。 首先,`<option>`标签用于创建下拉列表中的选项。它有两个关键属性: 1. `value`:这个属性定义了选项的值,通常用于服务器...
通过一个循环遍历所有option元素,并将每个元素的text和value组合成字符串,然后将这些字符串拼接到一个数组或一个长字符串中。 ```javascript var arr = new Array(); // 数组定义标准形式 var all = ""; // 定义...
本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考,具体如下: 别的不说,先看代码: 方法一: <select name=parent_id onchange=setTitleAndLinkByGoodsCategory(this.value,this....
对于每个匹配到的select元素,我们使用.find()方法查找当前选中的option元素,并通过.text()方法获取该option元素的文本内容。 总结来说,无论是使用原生JavaScript还是jQuery库,获取select选中的option文本的操作...
综上所述,对于IE6/7/8中的`<option>`元素未设`value`时`<select>`获取空字符串的问题,理解这一特性,采用正确的HTML结构和JavaScript策略,是确保Web应用在旧版IE中正常运行的关键。同时,随着技术的进步,考虑...
在JavaScript(JS)编程中,动态添加Select中的Option元素值是一项常见的需求,特别是在网页交互或者数据填充时。这里我们将深入探讨如何实现这个功能,并提供一个实际的案例来演示这一过程。 首先,我们要理解HTML...
### JavaScript 操作 Select 和 Option 的方法详解 在网页开发中,`<select>` 元素是一种常见的表单控件,用于收集用户输入的选择项。它通常包含多个 `<option>` 子元素供用户选择。通过 JavaScript,我们可以实现...
本文将详细讲解如何使用JavaScript获取ASP.NET中的.DropDownList控件的selected选项的value值和text值。 首先,DropDownList是ASP.NET提供的一种常用控件,它在HTML中呈现为一个元素,允许用户从预定义的一组选项中...
在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得<option value=”value”>ShowText</option>中”ShowText”,我们该如何获取呢?方法很...
然而,原生的`<option>`元素并不支持直接添加图片,但通过一些JavaScript和CSS的技巧,我们可以实现自定义带有图片的`<option>`效果。以下是一个关于如何在`<select>`和`<option>`中添加自定义图片的详细教程。 ...
### 获取Select元素的Text和Value #### 1. 获取选中的Value值 ```javascript $("select[@name=month] option[@selected]").val(); ``` 此语句通过`val()`函数获取`<select>`中当前选中`<option>`的`value`属性值。 ...