function selectInput(choose)
{
alert(choose.text);
}
写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呢？ 用一般的方法
这样子是获取不到的~ 那我们则需要另一种方法获取
- <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>
分享到：
相关推荐
javascript 获取select ->option中id、value、label属性及<option></option>中内容
<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 ...
然而，原生的`<option>`元素并不支持直接添加图片，但通过一些JavaScript和CSS的技巧，我们可以实现自定义带有图片的`<option>`效果。以下是一个关于如何在`<select>`和`<option>`中添加自定义图片的详细教程。 ...
### JavaScript 操作 Select 和 Option 的方法详解 在网页开发中，`<select>` 元素是一种常见的表单控件，用于收集用户输入的选择项。它通常包含多个 `<option>` 子元素供用户选择。通过 JavaScript，我们可以实现...
在JavaScript编程中，动态生成`select`元素中的`option`是一项常见的需求，特别是在网页交互或者数据展示时。本文将深入探讨如何使用JavaScript实现这一功能，同时结合提供的`autoSelect.html`和`autoselect.txt`...
- 方法一：通过id选择器获取select标签，然后使用":selected"伪类选择器找到当前选中的option，接着使用.text()方法获取选中的option的文本内容。代码为`$("#sel option:selected").text();` - 方法二：通过id选择...
在JavaScript（JS）编程中，动态添加Select中的Option元素值是一项常见的需求，特别是在网页交互或者数据填充时。这里我们将深入探讨如何实现这个功能，并提供一个实际的案例来演示这一过程。 首先，我们要理解HTML...
### JavaScript Select Option 操作详解 #### 一、检测是否有选中项 在处理表单时，经常需要检测用户是否已选择了某个 `<select>` 元素中的 `<option>` 项。以下是一个简单的示例来实现这一功能： ```javascript ...
这里使用了`option:selected`选择器来选取当前被选中的`<option>`元素，并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**： ```javascript $('#select_id')[0].selectedIndex = 1; ``` 通过直接...
下面，我们将详细探讨如何使用JavaScript来获取select元素中选中option的文本内容。 首先，要获取选中的option文本，我们需要两个基本的元素：一个是select元素，另一个是包含option元素的select元素。在HTML中，...
2.获取被选中的option的text的值时,使用：$(“#optionID option:selected”).text 拓展知识：select标签如何传递选中option的value值与text值方法 如下所示： <select name=type onchange=show_sub(this.options...
本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考，具体如下： 别的不说,先看代码: 方法一： <select name=parent_id onchange=setTitleAndLinkByGoodsCategory(this.value,this....
`$("#testSelect option:selected").text()`和`$("#testSelect").find('option:selected').text()`都是获取选中option的文本内容，而`$("#testSelect").val()`则是获取选中option的值。这些方法在需要读取用户选择时...
若要获取`Select`标签中当前选中选项的文本内容，可以使用`$("select").find("option:selected").text()`。例如： ```javascript var selectedText = $("select").find("option:selected").text(); ``` 这将...
可以通过select元素的selectedIndex属性获取当前选中选项的索引，然后通过options属性获取该索引对应的option元素，最后通过text属性获取option的文本内容。 ```javascript var obj = document.getElementById('...
比如，要更改选中option的文本，可以通过select.options[select.selectedIndex].text来实现。 在本文中，提出了一个具体的应用场景：在打开新窗口前，保存当前选中的option的值；在新窗口中更改此值，并将更改后的...
总的来说，这个JavaScript模拟的select控件`jselect`解决了原生select元素在不同浏览器下样式不统一和美观度不足的问题，提供了自定义的UI样式和更丰富的交互体验。通过封装的API，开发者可以方便地在项目中使用这个...
本文将详细讲解如何通过JavaScript获取`<select>`元素的`value`和`text`值，以及如何动态添加`<option>`。 首先，让我们分析一下给出的代码片段： ```html <select id="cityList"> <!-- 省略部分 --> </select> ...
在JavaScript编程中，`select`元素和`option`标签是创建下拉列表的重要部分。`select`用于定义一个选择框，而`option`则用于在选择框中添加可选项。在网页交互中，用户通常会使用这样的下拉列表来从预设的选项中做出...