`
周一Monday
  • 浏览: 346024 次
  • 来自: 北京
社区版块
存档分类
最新评论

关于“回显”问题

阅读更多

这里说的是 单选按钮 和 复选框的回显解决办法

 

有时候用 Struts1/Struts2的自带标签不好控制,建议当MVC框架的标签不好用的时候,还是用原始的Web技术最有效。

 

例如:

导入标签库
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

单选按钮回显	
<tr>
	<td>类型</td>
	<td>
	<c:forEach var="type" items="${types}">
		<input type="radio" name="type" value="${type }" ${type==customer.type?'checked':'' } />${type }
	</c:forEach>
	</td>
</tr>
	
复选框回显	
<tr>
	<td>爱好</td>
	<td>
	<c:forEach var="p" items="${preferences}">
		<input type="checkbox" name="pre" value="${p }" ${fn:contains(customer.preference,p)?'checked':'' } />${p }
	</c:forEach>
	</td>
</tr>

 每页
  <select name="pageSize" onchange="document.forms[0].submit();">
   <c:forEach var="num" begin="3" end="10" step="1">
    <option value="${num }" ${page.pageSize==num?'selected':'' }>${num }</option>
   </c:forEach>
  </select>
表单形如
<form id="form" action="${pageContext.request.contextPath }/editCustomerServlet" method="post" onsubmit="return makepre();">
....
</form>

<!-- 动态创建input标签 -->
<script type="text/javascript">
	function makepre(){
		var pres = document.getElementsByName("pre");
		var preference = "";
		for(var i=0;i<pres.length;i++){
			var input = pres[i];
			if(input.checked){
				preference = preference + input.value + ",";
			}
		}
		preference = preference.substr(0,preference.length-1);
		var form = document.getElementById("form");
		var input = document.createElement("input");
		input.type = "hidden";
		input.name = "preference";
		input.value = preference;
		form.appendChild(input);
		return true; 
	}
</script>

 

 

附加:

日期控件
<script type="text/javascript" src="${pageContext.request.contextPath }/js/ShowCalendar.js"></script>
<input type="text" name="birthday" onClick="showCalendar(this.id)" id="birthday"/>

 

分享到:
评论

相关推荐

    extjs editgrid 回显问题.rar

    在使用EditGrid时,可能会遇到回显问题,即用户编辑表格数据后,数据无法正确地显示在表格中。这个问题通常是由于数据绑定、模型配置或者编辑过程中的处理不当造成的。 首先,我们要理解ExtJS EditGrid的工作原理。...

    解决layui富文本编辑器图片上传无法回显的问题

    在使用layui富文本编辑器进行网页开发时,开发者经常会遇到一个普遍的问题,即上传图片后图片无法在富文本编辑器中正确回显的问题。这个问题困扰了不少开发者,究其原因,主要在于富文本编辑器的图片上传插件对于...

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

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

    解决layui 三级联动下拉框更新时回显的问题

    最近接触layui,比较简洁美观的一款ui,但也有很多小坑,记录一下实现省市区下拉三级联动更新回显的问题 &lt;&#37;--监听省份选择 --%&gt; form.on('select(uprovinceId)', function(data){ initCityList('change')...

    select2控件回显方法

    JavaScript 技术: select2控件选择多个数据,以及回显数据的方法 。

    uni-app 富文本编辑 回显富文本和修改富文本!

    uni-app 富文本编辑 回显富文本和修改富文本!uni-app 富文本编辑 回显富文本和修改富文本!uni-app 富文本编辑 回显富文本和修改富文本!uni-app 富文本编辑 回显富文本和修改富文本!uni-app 富文本编辑 回显富...

    详解element-ui级联菜单(城市三级联动菜单)和回显问题

    在本文中,我们将深入探讨Element-UI框架中的级联菜单(Cascader)组件,特别是在实现城市三级联动菜单以及处理回显问题时所遇到的技术细节。Element-UI是一款基于Vue.js的高质量UI组件库,提供了丰富的组件供开发者...

    js实现form表单自动回显功能

    js实现form表单自动回显功能

    关于layui时间回显问题的解决方法

    在使用layui框架开发Web应用时,常常会遇到时间回显的问题,即从后端接口获取到的时间数据无法正确地在前端页面上显示。本篇文章将详细介绍如何解决layui时间回显问题,帮助开发者优化用户体验。 首先,理解问题的...

    el-tree中setChecked(id, true, false) 回显问题

    el-tree中setChecked(id, true, false) 回显问题

    详解关于element级联选择器数据回显问题

    然而,在实际应用中,级联选择器的数据回显问题是一个常见的挑战,尤其是在编辑或更新表单时。本文将详细探讨 Element 级联选择器的数据回显问题及其解决方案。 首先,让我们看看问题的背景。在给定的代码段中,...

    cmd_火山PC_cmd_CMD回显_

    标题中的"cmd_火山PC_cmd_CMD回显_"表明我们讨论的主题是关于在Windows操作系统中,使用命令行工具CMD(Command Prompt)与火山PC软件相结合,进行注册表的回显操作。火山PC是一款针对64位系统的软件,版本为...

    js注册回显源码下载

    在Web开发中,"回显"功能通常指的是在用户输入数据后,系统能够实时显示或更新用户输入的效果,提高用户体验。这种功能在表单验证、实时搜索建议、实时编辑预览等场景下尤为常见。 实现JavaScript回显功能,我们...

    vc 命令管道源码 cmd 回显,

    在这个场景中,"vc 命令管道源码 cmd 回显"指的是使用C++编程语言,通过命令行接口(cmd)来实现命令管道的功能,并且具有回显(echo)效果的源代码。下面我们将详细探讨这些知识点。 **命令管道**是Unix和类Unix系统,...

    基于SSM框架的图片上传并回显

    本项目主要涉及"基于SSM框架的图片上传并回显",这是一个典型的文件上传功能,通常用于用户上传个人头像或者产品图片等,然后在网页上展示出来。下面将详细解析这个知识点: 1. **Spring框架**:Spring作为核心容器...

    SpringBoot之图片上传与回显

    在SpringBoot框架中,图片上传和回显是常见的功能需求,尤其对于开发涉及...在实践中,根据具体需求,你可能还需要处理如文件重命名、权限控制等额外问题。记得在开发过程中,遵循最佳实践,确保代码的健壮性和安全性。

    百度webupload上传组件-关于文件编辑回显的方法整合

    百度webupload上传组件-关于文件编辑回显的方法整合

    Ueditor上传图片+图片回显+图片在线管理配置说明

    ### 二、图片回显问题 当图片上传成功但无法在编辑器中回显时,通常是因为路径设置不正确。你需要检查 `jsp/config.json` 文件,调整 `imageUrlPrefix` 以确保它指向正确的项目路径。例如: ```json { ...

Global site tag (gtag.js) - Google Analytics