`
fanjianjun0608
  • 浏览: 5533 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

下拉选择当前值和value

 
阅读更多
<select name="selOp" id="selOp" onchange="GetSelValue();">
    <option selected value="a">a1</option>
    <option value="b" >b2</option>
    <option value="c" >c3</option>
    <option value="d" >d4</option>
    <option value="e" >e5</option>
</select>
<script language="javascript">
function GetSelValue() {
        var objSel = document.getElementById("selOp");
       
        //这是获取值
        alert("当前值: " + objSel.value);
       
        //这是获取文本
        alert("当前文本: " + objSel.options(objSel.selectedIndex).text);
}

</script>
分享到:
评论

相关推荐

    js下拉选择框与输入框联动实现添加选中值到输入框的方法

    本文介绍的下拉选择框与输入框的联动技术,是通过在JavaScript中监听下拉选择框的onchange事件,并利用DOM操作来改变输入框的值。这是一种常用的前端交互技术,适用于多种Web应用场景。在实际开发中,开发者可以根据...

    PB怎样得到下拉数据窗显示列的值

    // 使用Describe()和Evaluate()函数获取显示值 displayvalue = dw_1.Describe("Evaluate('LookUpDisplay(state_code)', " + rownumber + ")"); // 另一种写法 // displayvalue = dw_1.Describe("Evaluate('...

    ASP网页选择下拉列表的值时立即更新到数据库

    在这个函数中,我们获取了下拉列表当前选中的值,并创建了一个新的XMLHttpRequest对象。然后,我们设置请求方法为POST,指定处理数据的ASP页面(这里是 'update_db.asp'),并设置请求头以表明我们将发送URL编码的...

    下拉列表选中项的文本值的赋值与取值

    获取下拉列表当前选中项的文本值,可以使用JavaScript的`options`属性和`text`属性。下面是一个示例: ```javascript var selectedOption = document.getElementById('mySelect').selectedIndex; var selectedText ...

    jsp实现下拉选择框多种源码

    ### JSP 实现下拉选择框的多种源码解析 #### 概述 在Web开发中,下拉选择框(Dropdown List)是非常常见的一个UI组件,用于为用户提供多个选项进行选择。本文档将通过两个具体示例来详细介绍如何在JSP页面中实现...

    JavaScript html js页面刷新之后下拉菜单选中值不变,在按钮提交后保存下拉列表中值不变

    在JavaScript中,我们可以通过`document.getElementById`或`document.querySelector`来获取这些元素,然后使用`.value`属性获取或设置当前选中的值。例如: ```javascript var selectBox = document.getElementById...

    Vue2x的下拉时间选择器小时分钟秒支持灵活的时间格式

    一个基本的时间选择器通常包括三个部分:小时选择器、分钟选择器和秒选择器,每个部分都是一个独立的下拉菜单。用户通过滚动或点击这些菜单来选择所需的时间值。为了实现这个组件,我们可以使用Vue的自定义组件功能...

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

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

    VBA 下拉列表代码

    本文将围绕“VBA 下拉列表代码”这一主题,详细解析如何在 Excel 中利用 VBA 创建一个下拉列表,并实现根据下拉列表的选择自动查找对应的数据。 #### 二、VBA 下拉列表代码解读 ##### 1. 下拉列表创建与初始化 ...

    基于layui的下拉选择demo

    在本文中,我们将深入探讨如何使用layui框架实现下拉选择框功能,特别是在单选和多选场景中的应用。layui是一款轻量级的前端组件库,它提供了丰富的UI元素和交互功能,适合快速构建中大型项目。基于layui的下拉选择...

    asp如何实现动态下拉菜单赋值给文本框

    在这个例子中,当用户从下拉菜单`type`移开焦点时,`onBlur`事件被触发,此时会执行一段代码,将下拉菜单的当前值赋给名为`key`的输入框。这种方法同样能够实现实时更新文本框的功能,但与第一种方法不同的是,它在...

    jquery 模拟Select下拉选择框取值功能.zip

    在模拟下拉选择框中,我们可以用它来获取用户当前选中的选项值。 此外,我们还需要使用HTML和CSS来构建模拟的下拉框结构。这通常包括一个主按钮(可能是`&lt;button&gt;`或`&lt;div&gt;`),以及一个隐藏的下拉列表(可能是`...

    jquery easyui 周历 周选择下拉控件

    以上便是关于“jquery easyui 周历 周选择下拉控件”的详细知识点介绍,这个控件的实现涉及到了组件扩展、事件处理、样式定制和配置选项等多个方面,充分展示了JavaScript和jQuery EasyUI在前端开发中的强大功能。

    C#DataGridView中ComboBox下拉更改事件

    下拉更改事件可以帮助我们实现班级下拉选择后自动刷新班主任和名次的功能。 实现下拉更改事件的步骤: 1. 首先,在 DataGridView 中添加一个 ComboBox 列,类型为 DataGridViewComboBoxColumn。 2. 在 Form 的加载...

    jsp/html 实现下拉复选框

    这段代码会在用户改变选择时,获取当前选中的值并打印到控制台。 如果`TestPublicUserManageNew.html`页面中使用了类似以上代码,那么这个页面应该可以实现一个功能完备的下拉复选框,用户可以选择多个选项,并且...

    js获取下拉列表框&lt;option&gt;中的value和text的值示例代码

    这里的`this`是指触发事件的`&lt;select&gt;`元素,`options`属性是`&lt;select&gt;`元素的`&lt;option&gt;`子元素数组,`selectedIndex`表示当前选中的选项索引,而`.value`则是获取该选项的`value`属性值。以下是一个示例: ```html...

    Jquery針對下拉列表操作大全

    本文将详细介绍如何使用jQuery来操作下拉列表,包括获取和设置选择的文本、值,以及添加和删除选项。 **一、获取Select选择的Text和Value** 1. 通过`$("#select_id").change(function(){...})`,我们可以为下拉...

    Delphi在DBGrid中插入下拉组合框

    记住,确保下拉组合框的值与数据库字段同步,这样用户的选择才能正确保存。 在Delphi 2007的环境中,你可以将这个TDBGridWithComboBoxes类加入到你的工程中,然后用这个自定义的DBGrid替换原有的TDBGrid组件,就...

    JS简单设置下拉选择框默认值的方法

    `objSelect`是下拉选择框的引用,而`targetValue`是需要被选中的选项的值。 ```javascript function setSelectOption(objSelect, targetValue) { if (objSelect) { var options = objSelect.options; if ...

    根据选择不同的下拉值出现相对应的文本输入框

    它首先获取当前选中的下拉值,然后根据这个值来决定显示哪个输入框。 在`doit()`函数中: - 如果下拉值为空或为0,则隐藏两个输入框。 - 如果值为1,则显示`a1`输入框,隐藏`a2`。 - 如果值为2,则显示`a2`输入框...

Global site tag (gtag.js) - Google Analytics