`
starbhhc
  • 浏览: 654320 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

利用js获取select的value跟text值

 
阅读更多
利用js获取select的value和text值

<select id = "cityList" >
<select id = "selectId" >
   <option value = "0">第0个</option>
</select>

<script>
    var selectObj = document.getElementById('selectId');
// 通过对象添加option
selectId.add(new Option("第一个","1"))
selectId.add(new Option("第二个","2"))
// 通过id添加option
selectId.add(new Option("第三个","3"))
selectId.add(new Option("第四个","4"))
// 通过id添加方法(也可以通过对象添加方法)
selectId.onchange = function(){
    // 通过对象获取value和text
    alert(selectObj.value);
alert(selectObj.options[selectObj.selectedIndex].text);
        // 通过 id 获取value和text
alert(selectId.value);
alert(selectId.options[selectId.selectedIndex].text);
// 还可以通过this获取value和text
alert(this.value);
alert(this.options[this.selectedIndex].text);
};
</script>
分享到:
评论

相关推荐

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

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

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

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

    Jquery获取Select标签的值

    本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的表单元素操作。 #### 一、获取 Select 标签的值 ##### 1. 获取 Select 的 Value 值 要获取 Select 下拉框的当前选中值(即 value 属性的值)...

    JavaScript获取select中text值的方法

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

    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;o

    vue.js 获取select中的value实例

    通过这个简单的实例,我们学习到了如何在Vue.js中利用v-model和v-for指令来获取和显示select下拉列表中的选中值。这种方式提供了一个快速方便的方法来实现表单输入与Vue实例数据之间的同步。这样的数据绑定不仅简化...

    获取select的value、text值的简单示例(jquery与javascript)

    在使用时,请确保`&lt;select&gt;`元素的ID与代码中的一致,这样才能正确地获取到对应的`value`和`text`值。同时,对于大型项目,jQuery提供了一套更丰富的API,使得DOM操作更为简便;而在轻量级或性能敏感的场景下,原生...

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

    总结来说,这个JavaScript示例展示了如何利用JavaScript获取ASP.NET DropDownList控件的选定选项的value和text值,这对于处理用户交互和动态响应用户选择是非常常见的需求。你可以根据具体应用场景,修改并扩展这个`...

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

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

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

    获取选中的Text值 ```javascript $("select[@name=month] option[@selected]").text(); ``` 这里使用`text()`函数来读取选中`&lt;option&gt;`的显示文本。 #### 3. 设置特定值的选项为选中状态 ```javascript $("#sel")....

    jquery获得select option值

    ### 一、获取文本框(input text)的值 在jQuery中,获取文本框的值可以使用`.val()`方法或`.attr()`方法。 1. **使用 `.val()` 方法**: ```javascript var value = $("#txt").val(); ``` 此方法返回当前被选择...

    js获取select标签选中值的两种方式

    在JavaScript和jQuery中,获取`&lt;select&gt;`标签中选中选项的值是常见的操作,尤其在处理表单数据时。以下将详细介绍这两种方法,并提供一些相关的扩展知识。 ### JavaScript 获取选中值 #### 方法一:原生 ...

    jquery 获得select、radio、checkbox选择的text和value值

    ### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`&lt;select&gt;` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...

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

    以下是操作select下拉框中text值和value值时常用的方法: 1. 获取当前选中项的text值 可以通过jQuery选择器找到当前被选中的option元素,然后获取它的text内容。例如,如果select元素的id为"slc1",那么获取当前...

    javascript获取select值的方法分析

    开发者可以利用JavaScript提供的API获取选中值的文本内容、value属性值和索引,还可以监听select元素的变化,并根据用户的选择做出动态响应。掌握这些技术对于提升Web页面的交互性和用户体验至关重要。希望本文的...

    Html获取select元素的真实值和显示值.pdf

    这篇内容主要讨论如何在JavaScript中获取`&lt;select&gt;`元素的真实值(即`&lt;option&gt;`的`value`属性)和显示值(即`&lt;option&gt;`的可见文本)。 首先,来看一个简单的HTML示例: ```html *目标字段 &lt;select name=...

Global site tag (gtag.js) - Google Analytics