本文介绍了在Thymeleaf模板下，如何利用Layui实现select下拉框的回显。通过分析layui的DOM结构，提出了两种方法：一是通过获取后台返回的value并触发对应选项的点击事件；二是遍历select选项，找到匹配的value并执行回显操作。这两种方法可以帮助开发者在页面加载时自动选中对应的下拉框选项。
一.、需求场景分析
基于Thymeleaf模板下的layui下选框回显。
二、获得一个Layui标配的下拉框，我们需要在html中填写的内容如下
* 发送对象：
请选择
华南理工大学大学城
华南理工大学五山校区
中山大学珠海校区
中山大学大学城校区
layui对以上html的渲染结果如何？
此处select可供选择的元素是通过jquery从后台数据获得的，需要根据动态结果决定选择哪一个。分析一下渲染结果的结构，得到dom树如下：
发现在layui-input-inline之下除了select之外又多了个layui-form-select的div。该div包含layui-select-title和dl两个孩子元素，select的选择事件可以通过点击dl下某个确定的dd元素实现。
三、如何实现自动选择？
最低0.47元/天 解锁文章
扫一扫
460
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
