表格搜索如何实现搜索联动

SpongeBob

问题描述

2025-03-04

加入收藏

写评论

1 个评论

我也来评论

作者 🐼

SpongeBob

查看作者主页

查看 Git 页面

发布 👻

发布问答

发布分享

临时 🔈

小风扇 🌀

广告 🆒

表格搜索区域的搜索联动 ------------------------------- 表格搜索联动或者事件监听需要通过layui.form来完成,例如监听下拉等事件可以使用如下: const form = layui.form //该notes变量是从view中声明的 const notes = notes form.on("select", function(data) { //data就是被监听的元素 //通过监听处理自己相关的业务逻辑,需要显示的时候要自己构建HTML然后操作DOM //例如我选择一级分类后,再显示二级分类 let html = "<option value=''>- 全部 -</option>" for (const key in notes.cate_sub) { const item = notes.cate_sub[key] if (item.pid == data.value) { html += `<option value="${item.id}">${item.title}</option>` } } //将HTML渲染到指定元素中 $('select[name="cate_sub"]').html(html) }) //最后记得重新渲染表单中的select form.render('select')