前台根据后台值操作字段显示或select选中状态

最新推荐文章于 2024-10-19 19:30:16 发布

yura.

最新推荐文章于 2024-10-19 19:30:16 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端HTML

本文链接：https://blog.youkuaiyun.com/qq_37787456/article/details/78431743

前端HTML 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何使用JSP中的<c:if>标签进行条件渲染，并展示如何根据后台数据设置<select>元素中选项的默认选中状态。通过具体代码示例，读者可以了解如何根据不同条件展示页面内容及实现下拉选项的动态选择。

根据后台值 显示值对应的页面显示字段
<c:if test="${l.bzjgsx==1}">a</c:if> 
<c:if test="${l.bzjgsx==2}">b</c:if> 
<c:if test="${l.bzjgsx==3}">c</c:if>


根据后台值 判断值设置选中状态
<option value="" ${l.bzjg == '' ? 'selected' : ''}></option>
<option value="0" ${l.bzjg == '0' ? 'selected' : ''}>非领导</option>
<option value="1" ${l.bzjg == '1' ? 'selected' : ''}>领导</option>


一个大的集合 包括张三a字段代码01  一个集合包括a字段所有代码01 02 03... 当二者代码相等 显示出选中状态
类似于 一个select下拉框 选中该人学历情况
<select id="gw_select"  style="display: none">
<!-- 大的集合 包括张三a字段代码01 -->
	<c:set var="gwjb" value="${l.np_gwjb}" />
	<!-- 小的集合 包括a字段所有代码01 02 03... code name -->
	<c:forEach items="${list_select_jb}" var="jb">
		<c:if test="${jb.code==gwjb}">
			<option value="${jb.code}" selected="selected">${jb.name}</option>
		</c:if>
		<c:if test="${gwjb==null}"></c:if>
	</c:forEach>
</select>