JS取下拉框中的值！

java 代码

[html:select property="puOrganization.orgId" value="${equp.puOrganization.orgId}" styleClass="formDetailSelect" style="width:236px" ]
                             [logic:present name="orgAllList"]
                             [html:options collection="orgAllList" labelProperty="orgName" property="orgId"/]
                                [/logic:present]
                           [/html:select]

js脚本：

java 代码

var org = document.getElementById("puOrganization.orgId");
var orgId = org.options[org.selectedIndex].value;

分享到：

JS菜单实例 | 正则表达式的特殊字符含义！

• 2007-06-25 11:51
• 浏览 2686
• 评论(0)
• 查看更多

相关推荐

Javascript下拉框

在实际开发中，我们经常需要通过 Javascript 动态创建、操作和删除下拉框的选项，本文将详细介绍如何使用 Javascript 实现下拉框的动态操作。 动态创建 select 元素 首先，我们需要创建一个 select 元素，可以使用...

layui下拉框获取下拉值(select)的例子

在网页开发中，Layui 是一款非常流行的前端...这个例子简单明了，对于初学者或者在日常开发中需要处理下拉框值的开发者来说，是一个很好的参考。理解并掌握这些步骤，将有助于提升你在 Layui 中处理表单数据的能力。

Vue下拉框回显并默认选中随机问题

Vue下拉框回显并默认选中随机问题通常指的是在使用Vue.js框架和ElementUI组件库开发前端页面时，遇到下拉框组件在数据回显时出现选择状态随机的问题。这一问题可能会导致用户体验下降，因为下拉框中的选项在多次刷新...

layui下拉框二级数据联动 fzzx.zip

1. **初始化layui**：在HTML文件中引入layui的CSS和JS文件，并在JavaScript代码中调用layui的`layui.use`方法加载`form`模块，因为联动效果的实现依赖于`form`模块的事件监听和数据提交功能。 2. **定义下拉框**：...

Ext combo 下拉框级联

Ext JS是一个强大的JavaScript框架，用于创建富客户端应用，其中的ComboBox（下拉框）组件是其核心功能之一。级联下拉框意味着一个下拉框的选项取决于另一个下拉框的选择，这种联动效果常见于地理信息选择、部门与...

ext多选下拉框（代码及例子)

在EXTJS中， Combo（组合框）是一个常用的组件，它可以作为单选或多选的下拉框使用。本示例将详细讲解EXTJS中实现多选下拉框的代码及实践。 在"ext多选下拉框（代码及例子)"这个主题中，主要涉及到的知识点有： 1....

extjs-Ext.ux.form.LovCombo下拉框

描述中提到的"火狐下取不到值的问题"是前端开发中常见的问题，这可能是由于浏览器对某些DOM操作或事件处理的差异导致的。`Ext.ux.form.LovCombo`通过特定的代码处理，确保在火狐浏览器中也能正确地获取用户的选择值...

下拉框二级联动

基本的二级联动实现原理通常是：当用户在第一个下拉框（通常称为父级下拉框）中选择一个选项时，通过JavaScript监听该事件并触发一个函数，该函数根据选择的值去获取相应的子级数据，然后更新第二个下拉框（子级...

5款联动下拉菜单

在网页设计和开发中，联动下拉菜单通常用于如省份-城市-区县的三级选择，或者产品分类的多层次导航。这样的设计能有效节省空间，提高用户体验，让用户能够快速找到所需信息。 1. **联动原理**： 联动下拉菜单的...

jquery获取后台数据生成下拉框

在获取后台数据生成下拉框的场景中，我们通常使用GET方法，但POST或其他HTTP方法也是可行的，具体取决于后端接口的设定。 以下是一个简单的示例，展示了如何使用jQuery和Ajax实现这个功能： ```javascript // ...

下拉框提示

在IT行业中，下拉框提示是一种常见的用户交互设计，它能极大地提高用户的输入效率和体验。这个特定的压缩包文件名为"myinputMail"，暗示它可能是一个与电子邮件输入相关的下拉框提示解决方案。让我们深入探讨一下这...

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

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

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

在JavaScript中，`selectGet`方法可以接收选中的`value`值，并通过`find()`方法获取对应的对象： ```javascript methods: { selectGet(vId) { const obj = this.userList.find((item) => item.id === vId); ...

jquery select下拉框操作的一些说明

// 尝试设置下拉框值，并通过try-catch屏蔽错误 } catch(e) {} ``` ### 全部动态创建的Option 在某些情况下，下拉框的选项可能完全由JavaScript动态创建，而没有一个静态的option作为占位。在这种情况下，仅仅...

vue.js获取数据库数据实例代码

本文将详细介绍如何使用Vue.js从数据库中获取数据的实例代码。 #### 使用Vue.js与数据库交互的场景 在Web开发中，Vue.js通常用于前端展示层，与后端的数据交互则由API服务器来完成。Vue.js可以调用后端API获取数据...

Easyui和zTree两种方式分别实现树形下拉框

在EasyUI的实现中，`comboTree`将树形结构和下拉框结合在一起，用户在下拉列表中选择节点时，会自动关闭下拉菜单，并将所选值显示在输入框内。尽管在视觉上可能更加美观，但可能需要额外的自定义工作来适应Bootstrap...

js关于日期联动的代码

在JavaScript编程中，日期联动通常指的是在用户选择一个日期时，其他与日期相关的元素（如时间、日历等）会自动更新或触发某些操作。这种功能常见于许多Web应用程序，如在线预订系统、日程安排工具等。在这个场景中...

Ant design vue中的a-select在动态给option赋值之后，placeholder失效.pdf

在Ant Design Vue中，`a-select`组件是一个用于选择项的下拉框，它提供了丰富的交互和样式。在实际开发过程中，我们可能会遇到一个常见问题，即当动态地给`a-select`的`option`赋值后，其`placeholder`属性失效，...

原生js实现autocomplete插件

在输入框的input事件或keyup事件中，实时更新下拉框中的选项，只显示与当前输入值匹配的建议： ```javascript input.addEventListener('input', function(event) { var inputValue = event.target.value; // ...

基于prototype的js多选下拉控件+源码+示例,可与后台直接取value

在本教程中，我们将深入探讨一个基于Prototype库的JavaScript多选下拉控件，它允许用户进行多项选择，并能直接从后台获取value值。这个控件具有全选、自定义宽度和图标等高级功能，且附带了示例和注释，方便开发者...