html面中select下拉框回显,Layui：select下拉框回显(示例代码)

一.、需求场景分析

基于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元素实现。

三、如何实现自动选择？</