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

JS取下拉框中的值!

阅读更多
java 代码
  1. [html:select property="puOrganization.orgId" value="${equp.puOrganization.orgId}" styleClass="formDetailSelect" style="width:236px" ]   
  2.                              [logic:present name="orgAllList"]   
  3.                              [html:options collection="orgAllList" labelProperty="orgName" property="orgId"/]   
  4.                                 [/logic:present]   
  5.                            [/html:select]         

js脚本:

java 代码
  1. var org = document.getElementById("puOrganization.orgId");   
  2. var orgId = org.options[org.selectedIndex].value;  
分享到:
评论

相关推荐

    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值。这个控件具有全选、自定义宽度和图标等高级功能,且附带了示例和注释,方便开发者...

Global site tag (gtag.js) - Google Analytics