`
jeasony
  • 浏览: 200582 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

js用法(如何获取select中的值和属性)

    博客分类:
  • js
 
阅读更多

js用法(如何获取select中的值和属性)

<script type="text/javascript">
   function change(obj){
    var strsel = obj.options[obj.selectedIndex].text;
    document.getElementById("xiangmutext").value=strsel;
   
   }
</script>
投票项目 :
<html:select property="xiangmu" onchange="change(this)">
或:<html:select property="xiangmu" onchange="change('xiangmu')">
      <html:option value="1" >姚明</html:option>
    <html:option value="2">买努</html:option>
    <html:option value="3">科比</html:option>
    </html:select>
    <html:text property="xiangmutext" value="姚明"/>
text中就显示了select所选的内容

 

javascript获取select的值全解

获取显示的汉字

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

获取数据库中的id

window.document.getElementById("bigclass").value

获取select组分配的索引id

window.document.getElementById("bigclass").selectedIndex


例子:

<select name="bigclass" id="bigclass" onChange="javascript:updatePage2();">
<option value="" selected="selected">ajax实验</option>
<option value="4">我适宜市哈</option>
</select>


使用
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
的结果是:我适宜市哈

使用
window.document.getElementById("bigclass").value
的结果是:4

使用
window.document.getElementById("bigclass").selectedIndex
的结果是:1

 

分享到:
评论

相关推荐

    Jquery获取Select标签的值

    要获取 Select 下拉框的当前选中值(即 value 属性的值),可以使用以下代码: ```javascript $('select').val(); ``` 这行代码会返回当前选中的 `&lt;option&gt;` 元素的 `value` 属性值。 ##### 2. 获取 Select 选中的 ...

    js下用层来实现select的title提示属性.docx

    我们使用while循环来遍历select控件的所有选项,并将每个选项的文本、值和title属性设置到对应的单元格中。同时,我们也可以将每个单元格的onmouseover和onmouseout事件设置为更改其样式,以便提供视觉反馈。 最后...

    获取select的值

    总结,使用jQuery获取`select`的值和设置`option`的`selected`属性是前端开发中常见的操作。通过`.val()`方法获取选中值,通过`.attr()`或`.prop()`方法设置`selected`属性,可以轻松地实现交互效果。在实际项目中,...

    javascript获取下拉列表的值

    在JavaScript中,获取下拉列表(也称为选择框或`&lt;select&gt;`元素)的值是一项常见的任务,特别是在处理用户输入和交互时。本篇博文中,我们将深入探讨如何有效地实现这一功能。 首先,我们需要理解HTML中的`&lt;select&gt;`...

    jquery获得select option值

    在jQuery中,获取文本框的值可以使用`.val()`方法或`.attr()`方法。 1. **使用 `.val()` 方法**: ```javascript var value = $("#txt").val(); ``` 此方法返回当前被选择元素的值,适用于文本框等输入元素。 2...

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

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

    layui select获取自定义属性方法

    通过在form.on('select')事件的回调函数中使用data.elem.getAttribute方法,可以轻松获取到自定义属性的值。这个方法的参数就是自定义属性的名称,比如在这个例子中,"data-aid"是自定义属性的名称,我们就可以通过...

    html js 清除select里的值,js控制select增删改,选中,清空, 判断控件是否存在

    在HTML和JavaScript编程中,`&lt;select&gt;`元素用于创建下拉列表,经常需要进行动态操作,比如添加、删除、修改选项,以及选中和清空选中的值。本篇文章将探讨如何通过JavaScript来实现这些功能,并判断控件是否存在。...

    js之Select用法

    在本文中,我们将深入探讨`select`的用法,包括如何创建、操作和处理`select`元素的各种事件。 1. **创建基本的`select`元素** ```html &lt;select id="mySelect"&gt; &lt;option value="option1"&gt;Option 1 ...

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

    综上所述,示例演示了使用jQuery来获取select标签中选中项的值和文本的方法,并考虑了没有value属性的特殊情况,还涉及到了事件绑定和DOM操作的基本知识。对于学习和使用jQuery进行前端开发的读者来说,这些内容都是...

    javascript获取select值的方法分析

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

    vue.js 获取select中的value实例

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

    JavaScript获取select中text值的方法

    本文将详细介绍如何使用JavaScript来获取HTML中的`&lt;select&gt;`元素中选中项的文本值。`&lt;select&gt;`元素通常用于创建下拉列表,用户可以在这些列表中选择一个或多个选项。获取选中项的文本值在很多场景下都很有用,例如...

    JS更改select内option属性的方法

    本文详细介绍了如何使用JavaScript更改select元素内option的属性,包括更改选项文本、值等,并提供了一个实例来演示具体操作。 首先,要更改select内的option属性,需要获取select元素的DOM引用。这通常通过...

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

    本实例详细讲解了如何使用原生JavaScript和jQuery来获取`&lt;select&gt;`元素选中的值,以及如何结合其他元素进行操作。 首先,我们通过`document.getElementById()`方法定位到`&lt;select&gt;`元素。例如,如果`&lt;select&gt;`元素...

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

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

    vue.js 获取当前自定义属性值

    在Vue.js中,我们通常使用Vue的指令或方法来获取这些自定义属性的值。本文将详细介绍如何在Vue.js中获取自定义属性值。 首先,需要明确的是,在HTML中,所有以“data-”为前缀的属性都会被自动存储在一个名为`...

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

    要获取`select`标签中的值,你可以使用`document.getElementById`方法获取`select`元素,然后通过`.options`属性访问它的选项。选项数组中的每个元素都有`.value`和`.text`属性,分别代表选项的值和显示的文本。以下...

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

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

    js控制select相关方法

    以下是对标题和描述中提到的JavaScript控制`select`相关方法的详细说明: 1. **判断 select 选项中 是否存在 Value="paraValue"的 Item** 这个功能可以通过遍历`select`的`options`数组来实现,检查每个选项的`...

Global site tag (gtag.js) - Google Analytics