jsp页面数据回显(select下拉选择框)

我的个人博客开通了,地址:https://timewentby.com 欢迎访问

1。静态变量方式:

<!-- 
 实现select标签回显 
-->  
1.<select name="curStatus"  value="${curStatus}">     
  <option value="0">-请选择-</option>     
  <option value="1" <c:if test="${'1' eq curStatus}">selected</c:if> >男</option>     
  <option value="2" <c:if test="${'2' eq curStatus}">selected</c:if> >女</option>  
 </select>  

2。动态方式:两个变量都来自后台

<c:set  var="schoolid" value="${pageData.SchoolId}" scope="request"/>

<select name="schoolId" id="schoolId" style="width: 95%">
							<option value="0">==请选择==</option>
							
							<c:forEach items="${organizeList}" var="var" varStatus="vs">
								<option value="${var.name_code}" <c:if test="${var.name_code==schoolid}">selected</c:if> > ${var.name}</option>
							</c:forEach>
						</select>

说明一下:若是想2那种,实质上是比较两个对象的属性值,不能写成如下:

<select name="schoolId" id="schoolId" style="width: 95%">
							<option value="0">==请选择==</option>
							
							<c:forEach items="${organizeList}" var="var" varStatus="vs">
								<option value="${var.name_code}" <c:if test="${var.name_code==pageData.SchoolId}">selected</c:if> > ${var.name}</option>
							</c:forEach>
						</select>
根据给出的引用内容,可以看出select下拉菜单的数据回显可以通过以下步骤实现: 1. 从后台获取传递过来的id值,并将其赋值给前端的dId变量。例如,通过后台的modelMap.addAttribute("dId", id)将id传递给前端。 2. 使用JavaScript代码来处理回显逻辑。首先,检查dId是否有值,如果有值,则将select的value设置为对应的id值,并使用.trigger("change")方法来触发select的change事件使其显示对应的文本。例如,使用$("#select1").val(dId).trigger("change")。 3. 如果dId为空,则将select的值设置为空,并同样使用.trigger("change")方法触发change事件。例如,使用$("#select1").val(null).trigger("change")。 总结起来,以上步骤即为select下拉菜单数据回显实现方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [给select下拉菜单回显](https://blog.csdn.net/xiaoqing19910812/article/details/90700447)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [select下拉数据回显](https://blog.csdn.net/weixin_33887443/article/details/94700261)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值