情景假设:增加某一员工对象时候,为了提高系统使用者的使用体验,可以在填写完新增对象之后点击“预览”跳转到新的预览页面。
1.提交所选下拉框的值
比如一个员工对象的职别属性是通过下拉框来选择的,虽然提交给后台的是职别的typeId,但预览页面却应该显示职别名称。可以这样做:为员工对象EmployeeVO设置一个除了typeId外的typeName属性。
<td nowrap="nowrap" width="15%" class="td_title">选择员工职别<font color="red">*</font></td> <td width="35%" nowrap="nowrap"> <select id="lcdId" name="employeeVO.typeId" Style="width:215px;" > <option value="0">员工职别</option> <option value="1">xx</option> <option value="2">yyy</option> <option value="3">zzz</option> </select> </td>
此外,必须有一个隐藏域(必须放在form表单里面)来保存typeName的值:
<s:hidden id="typeName" name="employeeVO.typeName" />
form表单提交给服务器的js(这段js通常处在表单提交前验证的js中):
form["employeeVO.typeName"].value= jQuery("select[name=employeeVO.typeId] option[selected]").text();
2.关于多选框(checkbox)值的提交
<s:checkboxlist name="employeeVO.hobbys" list="#Policy.hobbyList" listKey="hobbyId" listValue="hobbyname" > </s:checkboxlist>
而后台获取到的是类似"7, 9, 10, 4"之类的hobbyId字符串,通常的处理是
String[] hobbyIds = employeeVO.getHobbys().split(",");
需要注意的是会得到字符串数组:[1, 9 ,10, 4]而且每个数组元素除第一个外,都会有前置空格,例如第二个数组元素为“ 9”,所以要注意去空格再用Interger.parseInt(hobbyIds[i].trim())的方式正确取出hobbyId
3.啥时候用到<s:iterator ../>标签中的stat属性?
eg.取出循环集合的下标时:
<s:iterator value="employeeList" status="stat" > <tr > <td nowrap="nowrap" class=td_detail style="TEXT-ALIGN: left" > <input type="radio" name="employeeList[<s:property value="#stat.index"/>].gender" value="1" checked="checked">性别</input> </td> </tr> </s:iterator>
相关推荐
本篇文章将详细讲解如何在EXTJS中操作下拉框,以及如何获取用户选定的值。 首先,创建一个基本的EXTJS下拉框需要定义`Ext.form.field.ComboBox`对象。以下是一个简单的示例: ```javascript Ext.application({ ...
这些规则通过`checked`和`unchecked`类名应用到元素上,从而实现了复选框的样式。 此外,代码中还包括了一个自定义的`CustomCancelDropdownComboBox`类,继承自`Ext.form.ComboBox`。这个类添加了额外的功能,例如...
//得到下拉菜单的选中项的值var cc2 = $(‘.formc select[@name=”country”]’).val();//得到下拉菜单的选中项的ID属性值var cc3 = $(‘.formc select[@name=”country”]’).attr(“id”);//清空下拉框//$(“#...
1. **配置zTree的多选功能**:在zTree的初始化配置中,需设置`check.enable = true`以启用复选框功能。此外,`check.chkStyle`属性通常设置为"checkbox",表示使用标准的复选框样式。同时,还可以通过`check....
- `name` 属性用于标识复选框提交的名称,同时也是用来回显的属性名。 - `list` 指定要显示的数据源,通常是一个集合对象。 - `listKey` 和 `listValue` 分别表示集合中每个元素的键和值。 为了支持回显功能,还...
JavaScript实现下拉列表选中某个值的方法主要包括三种方式,分别为通过索引选择、通过name或id选择以及通过value值选择。以下详细阐述每种方法的实现原理和步骤。 首先,了解基本的HTML结构,一个下拉列表通常由一...
在网页设计中,可输可选下拉框是一种常见的交互元素,它允许用户既可以直接输入文字,也可以通过下拉选项进行选择。这种组件通常用于提高用户体验,特别是在数据筛选或搜索时,用户可以通过输入简码快速找到目标选项...
本文将详细讲解如何在 Layui 中获取下拉框的选中值,并通过一个具体的例子来演示这一过程。 首先,我们需要理解 Layui 的 Select 组件是如何工作的。Layui 的 Select 是基于原生 HTML `<select>` 元素进行封装的,...
联动下拉框是指两个或多个下拉框之间存在关联关系,当用户在一个下拉框中选择某个选项时,另一个下拉框会根据所选选项动态更新其显示内容。这种功能常见于地址选择、分类筛选等场景,可以提高用户操作的便捷性和准确...
在这个特定的场景中,"jsp select 带多选框"指的是在JSP中使用HTML的`<select>`元素创建一个多选下拉框。这种功能在用户界面设计中很常见,允许用户同时选择多个选项。 HTML的`<select>`元素默认只支持单选,但通过...
标题提到的"swing带滚动条的多选下拉选择框(name code形式)"就是一个典型的例子,它允许用户在下拉菜单中选择多个项目,每个项目的显示名称(name)和对应的实际值(code)是分开定义的。 首先,我们需要理解...
在vue的实际开发过程中,我们如何将以选中的值直接渲染到页面中,这次主要说的是多选框和下拉列表的实现: 测试多选渲染: <input type=checkbox name=hobby :value=item.id :checked=loopsss.indexOf(item...
下拉单选、多选框 调用 //初始化单选下拉框 function initCombo=(id,name,data,sKey,isDefaulttext,callback){ if(this.objIsNull(data)){ WCB.error("字典数据为空!"); return ; } var ...
本文将详细介绍如何利用jQuery来获取单选按钮、复选框以及下拉框中的值。 首先,我们需要了解jQuery中如何选择和操作这些表单元素。在jQuery中,选择器扮演着至关重要的角色,它可以帮助我们快速定位到页面上的元素...
6. **交互功能**:用户可以选择一个或多个节点,并将所选值绑定到下拉框对应的输入元素中,方便后端获取和处理。 7. **扩展与优化**:可以根据需求自定义样式、增加搜索功能、实现懒加载等,提升用户体验。 ### ...
复选框的工作原理与单选框类似,但区别在于复选框允许多个选项同时被选中。在HTML中,复选框通过`type="checkbox"`来创建: ```html <input type="checkbox" name="whom" value="jack" id="Jack"/> ...
创建一个带复选框的下拉列表,首先你需要在ASP.NET项目中创建一个新的用户控件(User Control),这个用户控件通常会包含一个下拉列表(DropDownList)和一个隐藏的多选框列表(CheckBoxList)。下拉列表用于展示可...
这种联动效果意味着当用户在一级下拉框(省)中选择一个选项后,二级下拉框(市)会自动更新为与所选省对应的市,同理,三级下拉框(县)会根据前两级的选择进行动态填充。 实现这种功能的方法有很多,可以使用...
本文分别介绍了js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select),分享给大家供大家参考,具体内容如下 (1).首先说单选框(radio),radio和checkbox一样都是name相同值有多个在获取 radio 值的时候...