`
Everyday都不同
  • 浏览: 722407 次
  • 性别: Icon_minigender_1
  • 来自: 宇宙
社区版块
存档分类
最新评论

所选下拉框的name值以及多选框选中值的提交

阅读更多

情景假设:增加某一员工对象时候,为了提高系统使用者的使用体验,可以在填写完新增对象之后点击“预览”跳转到新的预览页面。

 

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中操作下拉框,以及如何获取用户选定的值。 首先,创建一个基本的EXTJS下拉框需要定义`Ext.form.field.ComboBox`对象。以下是一个简单的示例: ```javascript Ext.application({ ...

    extjs 复选下拉框的例子

    这些规则通过`checked`和`unchecked`类名应用到元素上,从而实现了复选框的样式。 此外,代码中还包括了一个自定义的`CustomCancelDropdownComboBox`类,继承自`Ext.form.ComboBox`。这个类添加了额外的功能,例如...

    jQuery对下拉框,单选框,多选框的操作

    //得到下拉菜单的选中项的值var cc2 = $(‘.formc select[@name=”country”]’).val();//得到下拉菜单的选中项的ID属性值var cc3 = $(‘.formc select[@name=”country”]’).attr(“id”);//清空下拉框//$(“#...

    zTree实现多选下拉框

    1. **配置zTree的多选功能**:在zTree的初始化配置中,需设置`check.enable = true`以启用复选框功能。此外,`check.chkStyle`属性通常设置为"checkbox",表示使用标准的复选框样式。同时,还可以通过`check....

    复选框和下拉列表的提交和回显的实现方式

    - `name` 属性用于标识复选框提交的名称,同时也是用来回显的属性名。 - `list` 指定要显示的数据源,通常是一个集合对象。 - `listKey` 和 `listValue` 分别表示集合中每个元素的键和值。 为了支持回显功能,还...

    js实现下拉列表选中某个值的方法(3种方法)

    JavaScript实现下拉列表选中某个值的方法主要包括三种方式,分别为通过索引选择、通过name或id选择以及通过value值选择。以下详细阐述每种方法的实现原理和步骤。 首先,了解基本的HTML结构,一个下拉列表通常由一...

    可输可选下拉框的3种实现方式

    在网页设计中,可输可选下拉框是一种常见的交互元素,它允许用户既可以直接输入文字,也可以通过下拉选项进行选择。这种组件通常用于提高用户体验,特别是在数据筛选或搜索时,用户可以通过输入简码快速找到目标选项...

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

    本文将详细讲解如何在 Layui 中获取下拉框的选中值,并通过一个具体的例子来演示这一过程。 首先,我们需要理解 Layui 的 Select 组件是如何工作的。Layui 的 Select 是基于原生 HTML `&lt;select&gt;` 元素进行封装的,...

    xml城市下拉框联动

    联动下拉框是指两个或多个下拉框之间存在关联关系,当用户在一个下拉框中选择某个选项时,另一个下拉框会根据所选选项动态更新其显示内容。这种功能常见于地址选择、分类筛选等场景,可以提高用户操作的便捷性和准确...

    jsp select 带多选框

    在这个特定的场景中,"jsp select 带多选框"指的是在JSP中使用HTML的`&lt;select&gt;`元素创建一个多选下拉框。这种功能在用户界面设计中很常见,允许用户同时选择多个选项。 HTML的`&lt;select&gt;`元素默认只支持单选,但通过...

    swing带滚动条的多选下拉选择框(name code形式)

    标题提到的"swing带滚动条的多选下拉选择框(name code形式)"就是一个典型的例子,它允许用户在下拉菜单中选择多个项目,每个项目的显示名称(name)和对应的实际值(code)是分开定义的。 首先,我们需要理解...

    vue表单绑定实现多选框和下拉列表的实例

    在vue的实际开发过程中,我们如何将以选中的值直接渲染到页面中,这次主要说的是多选框和下拉列表的实现: 测试多选渲染: &lt;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中如何选择和操作这些表单元素。在jQuery中,选择器扮演着至关重要的角色,它可以帮助我们快速定位到页面上的元素...

    layui组件之树形下拉框

    6. **交互功能**:用户可以选择一个或多个节点,并将所选值绑定到下拉框对应的输入元素中,方便后端获取和处理。 7. **扩展与优化**:可以根据需求自定义样式、增加搜索功能、实现懒加载等,提升用户体验。 ### ...

    vue.js实现单选框、复选框和下拉框示例

    复选框的工作原理与单选框类似,但区别在于复选框允许多个选项同时被选中。在HTML中,复选框通过`type="checkbox"`来创建: ```html &lt;input type="checkbox" name="whom" value="jack" id="Jack"/&gt; ...

    asp.net 带复选框的下拉列表(WebCombox)

    创建一个带复选框的下拉列表,首先你需要在ASP.NET项目中创建一个新的用户控件(User Control),这个用户控件通常会包含一个下拉列表(DropDownList)和一个隐藏的多选框列表(CheckBoxList)。下拉列表用于展示可...

    省市县三级联动下拉框

    这种联动效果意味着当用户在一级下拉框(省)中选择一个选项后,二级下拉框(市)会自动更新为与所选省对应的市,同理,三级下拉框(县)会根据前两级的选择进行动态填充。 实现这种功能的方法有很多,可以使用...

    js和jquery分别验证单选框、复选框、下拉框

    本文分别介绍了js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select),分享给大家供大家参考,具体内容如下 (1).首先说单选框(radio),radio和checkbox一样都是name相同值有多个在获取 radio 值的时候...

Global site tag (gtag.js) - Google Analytics