`

js获取select显示值(转)

js 
阅读更多
<select   name="test" id="type">  
  <option   value="0">请选择</option>  
  <option   value="1">第一</option>  
  <option   value="2">第二</option>  
  <option   value="3">第三</option>  
  <option   value="4">第四</option>  
  </select> 

 若要获取显示值第一 第二 第三之类的

var selectIndex = document.getElementById("type").selectedIndex;//获得是第几个被选中了

var selectText = document.getElementById("type").options[selectIndex].text //获得被选中的项目的文本

alert(selectText);//得到显示的值

 

转自:http://blog.csdn.net/z294286540/article/details/7690932

分享到:
评论

相关推荐

    获取select的值

    有时候,我们需要获取用户选择的`select`的值,或者在页面加载时预设某个`option`为选中状态。在这个场景中,jQuery(简称jq)作为一个强大的JavaScript库,提供了方便的方法来实现这些功能。本文将详细讲解如何使用...

    el-select获取选中的label值.pdf

    在Vue.js框架中,Element UI库提供了一个丰富的组件集,其中`el-select`是一个常用的下拉选择组件。在处理用户交互时,有时我们需要获取选中项的`label`或`value`值。从提供的信息来看,这里介绍的是如何在不通过...

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

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

    javascript获取select值的方法完整实例

    总的来说,了解并熟练掌握JavaScript获取`&lt;select&gt;`值的方法,对于开发动态网页和前端交互功能至关重要。结合实例和实践,可以更深入地理解这些技术,并将其应用于实际项目中。同时,了解jQuery的简化语法也是提高...

    JavaScript获取select中text值的方法

    在JavaScript中获取`&lt;select&gt;`元素选中项的文本值可以通过`this.options[this.selectedIndex].text`来实现。这在网页交互中非常常见,比如用于验证用户输入、展示提示信息或者根据用户选择执行相应操作。熟练掌握...

    vue.js 获取select中的value实例

    在本文中,我们将学习如何在Vue.js框架中获取select下拉列表中的选中值。Vue.js是一种流行的JavaScript框架,用于构建用户界面和单页应用程序。它允许我们使用响应式数据绑定和组件化的视图组件。下面,我们将通过一...

    js操作select大全 转

    **功能描述**:此行代码用于获取指定`&lt;select&gt;`元素当前选中项的值。 **参数说明**: - `objSelect`:目标`&lt;select&gt;`元素对象。 ### 9. 获取当前选中项的文本 ```javascript var currSelectText = document.all....

    bootstrap select2插件用ajax来获取和显示数据的实例

    在本篇实例中,首先需要在HTML文档中引入Bootstrap框架和Select2插件的CSS和JS文件,然后按照Select2的要求使用标准的HTML SELECT元素创建一个输入框,并为其设置特定的id和class,以便于使用jQuery进行操作。...

    js 加载select 项

    3. 设置`option`的属性:如`value`和`text`,分别代表选项的值和显示文本。 ```javascript newOption.value = 'your-value'; newOption.text = 'your-text'; ``` 4. 将`option`添加到`select`中:使用`appendChild`...

    JS 获取select(多选下拉)中所选值的示例代码

    标题中提到的“JS 获取select(多选下拉)中所选值的示例代码”,涉及到的知识点主要集中在JavaScript语言在Web前端开发中如何操作DOM元素,获取和处理用户通过多选下拉框(multiple select element)所选中的值。...

    javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)

    在`check`函数中,我们使用上述的JavaScript代码片段来获取当前选中的选项值,并通过`alert`函数显示出来。 在HTML中,select元素的创建和使用是这样的: ```html &lt;select name="select" id="select"&gt; ...

    js里怎么取select标签里的值并修改

    在JavaScript中,获取和修改`select`标签中的值是常见的操作,特别是在动态更新表单或者交互式用户界面中。在给定的标题和描述中,我们关注的是如何找到具有特定文本或值的`option`元素,并对其进行修改。下面将详细...

    JS获取下拉框显示值和判断单选按钮的方法

    本文实例讲述了JS获取下拉框显示值和判断单选按钮的方法。分享给大家供大家参考。具体如下: 1.本人做过很多项目,都需要得到select组件显示的值。下面是我经常用到的方法: Html源码如下: &lt;html&gt;&lt;body&...

    js之Select用法

    - 获取`select`元素:可以使用`document.getElementById('mySelect')`或`document.querySelector('#mySelect')`来获取`select`元素。 - 添加/删除选项: - 添加选项:`selectElement.add(newOption, ...

    js模拟点击select下拉菜单列表代码

    在网页开发中,JavaScript(简称JS)是一种必不可少的前端编程语言,它被广泛用于实现页面交互和动态效果。本文将详细讲解如何使用JavaScript来模拟点击一个`&lt;select&gt;`元素,从而展示其下拉菜单列表。`&lt;select&gt;`是...

    JavaScript操作select大全

    **功能描述:** 获取`&lt;select&gt;`元素的当前选中项的`value`值。 **代码实现:** ```javascript var currSelectValue = document.all.objSelect.value; ``` **使用说明:** - `currSelectValue`为当前选中项的`value...

    JavaScript实现获取select下拉框中第一个值的方法

    本文主要介绍如何使用JavaScript获取select下拉框中的第一个值,这涉及到页面元素属性的获取和操作,以及如何使用JavaScript编写函数来完成这一任务。 首先,要实现获取select下拉框中第一个值的功能,需要使用...

    element-ui 关于获取select 的label值方法

    本文将详细讲解如何在Element UI中获取`el-select`组件选中的`label`值,以及如何同时获取`value`和`label`的值。 1. 获取`el-select`的`label`值: 在Element UI中,`el-select`的`v-model`绑定的是选中项的`value...

    javascript 操作表单select的常用步骤

    **功能说明**:获取指定的`&lt;select&gt;`元素中当前选中的选项值。 **参数说明**: - `objSelect`: 指向目标`&lt;select&gt;`元素的对象。 **返回值**:当前选中的选项值。 #### 9. 获取当前选中的选项文本 ```javascript ...

    用JavaScript来美化HTML的select标签的下拉列表效果

    当select选项变更时,根据select的当前选中值,更新div的显示内容。 - 添加事件监听器到div元素上,模拟下拉列表的行为。通常需要处理的事件包括点击事件(用于展开/收缩列表)、键盘的上下键事件(用于在列表项...

Global site tag (gtag.js) - Google Analytics