【layui页面编辑下拉框处理的三种方式】

一个心烑2026-05-23 10:29

日常操作记录

**1、常规下拉

java 复制代码

			<div class="layui-form-item">
				<label class="layui-form-label">订单状态</label>
				<div value="${(storeOrder.orderStatus)!}" class="layui-input-inline">
					<select name="orderStatus">
						<option value="">请选择</option>
						<option value="1">待付款</option>
						<option value="2">已付款</option>
					</select>
				</div>
			</div>

2、锚定固定值下拉

java 复制代码

			<div class="layui-form-item">
				<label class="layui-form-label">订单状态</label>
				<div class="layui-input-inline">
					<select name="orderStatus" lay-verify="required">
						<option value="">请选择</option>
						<option value="1" <#if (storeOrder.orderStatus?? && storeOrder.orderStatus == 1)>selected</#if>>待付款</option>
						<option value="2" <#if (storeOrder.orderStatus?? && storeOrder.orderStatus == 2)>selected</#if>>已付款</option>
						<option value="3" <#if (storeOrder.orderStatus?? && storeOrder.orderStatus == 3)>selected</#if>>已完成</option>
						<option value="4" <#if (storeOrder.orderStatus?? && storeOrder.orderStatus == 4)>selected</#if>>已取消</option>
						<option value="5" <#if (storeOrder.orderStatus?? && storeOrder.orderStatus == 5)>selected</#if>>已退款</option>
					</select>
				</div>
			</div>

3、接口处理返回值**

3、1接口返回字典

java 复制代码

@RequestMapping("/saveUpdatePage")
    public String saveUpdatePage(Long id, ModelMap modelMap) {
        if (id != null) {
            StoreOrder storeOrder=  storeOrderService.queryById(id);
            modelMap.put("storeOrder", storeOrder);
        }
        
        Dictionary orderStatusDict = new Dictionary();
        orderStatusDict.setUpid(2);
        orderStatusDict.setDelFlag(1);
        List<Dictionary> orderStatusList = dictionaryService.queryParamList(orderStatusDict);
        modelMap.put("orderStatusList", orderStatusList);
        
        return "view/xxxxxx/saveUpdatePage";
    }

3、2页面处理

java 复制代码

<#--			订单状态从字典表读取-->
			<div class="layui-form-item">
				<label class="layui-form-label">订单状态</label>
				<div class="layui-input-inline">
					<select name="orderStatus" lay-verify="required">
						<option value="">请选择</option>
						<#if orderStatusList??>
							<#list orderStatusList as dict>
								<option value="${dict.id}" <#if (storeOrder.orderStatus?? && storeOrder.orderStatus == dict.id)>selected</#if>>${dict.dataname!}</option>
							</#list>
						</#if>
					</select>
				</div>
			</div>