layui中怎么设置select项(2)-木庄网络博客

2022-04-15 23:02:02 PHP中文网 JavaScript 百度已收录

此处select可供选择的元素是通过ajax从后台请求获得的，需要根据动态结果决定选择哪一个。分析一下渲染结果的结构，得到dom树如下：

发现在layui-input-inline之下除了select之外又多了个layui-form-select的div。该div包含layui-select-title和dl两个孩子元素，select的选择事件可以通过点击dl下某个确定的dd元素实现。

3、如何实现自动选择？

通过以上的分析结果可以得知，我们只要拿到自己想要选择的内容所在的dd元素并对它触发点击事件，即可实现select加载时自动选择操作。

首先需要使用lay-value来确定需要设置哪个元素自动选择

1	`var` `select =` `'dd[lay-value='` `+ data.schoolId +` `']';`

触发点击事件，实现自动选择

1	`$('#edit_exam_school').siblings("div.layui-form-select").find('dl').find(select).click();`

以上就是layui中怎么设置select项的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《layui》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者