Java Web 开发之 select(option)选项数据回显

Java 同时被 3 个专栏收录
4 篇文章 0 订阅
4 篇文章 0 订阅
2 篇文章 1 订阅

后台代码:

// 后台取回显值列表
List<Role> roles = roleService.getAllRoles();
model.addAttribute("roles", roles);
// 后台取回显选中值列表
List<UserRole> userRoles = userService.getUserRoleByUserId(userId);
model.addAttribute("userRoles", userRoles);

第一种方式:

<!-- 前端用<c:if>标签判断并回显 -->
<select id="roleSelect" class="form-control" name="roleId">
	<c:forEach items="${roles}" var="role">
		<c:if test="${role.roleId == userRoles[0].roleId}">
			<option value="${role.roleId}" selected>${role.description}</option>
        </c:if>
        <c:if test="${role.roleId != userRoles[0].roleId}">
            <option value="${role.roleId}">${role.description}</option>
       	</c:if>
	</c:forEach>
</select>

第二种方式:

<!-- 用input标签从后台获取的选中的值 -->
<input type="hidden" id="roleId" value="${userRoles[0].roleId}"/>

/** 使用Jquery设置选中 */
$(function(){
	var roleId = $("#roleId").val();
	$("#roleSelect").val(roleId);    // 设置 value 为 roleId 的项选中
})
  • 1
    点赞
  • 0
    评论
  • 3
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

_源

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值