如何设置Layui表格头部工具栏中的下拉选择框？

本文共计915个文字，预计阅读时间需要4分钟。

相关专题：

layui table 的 toolbar 区域怎么插入 select 下拉框？

直接在 toolbar 配置项里写 html 字符串是无效的——layui 会把字符串当纯文本渲染，不会执行 dom 解析或事件绑定。必须用函数返回真实 dom 节点，再手动初始化 layui 的 form.render()。

• 推荐用 toolbar: function() { return "<div class='layui-form-item'>...</div>"; } 返回字符串，但注意：这仅是占位，select 不会自动有样式和交互
• 更可靠的方式是先定义空容器（如 <div id="toolbar-select"></div>），在 done 回调里用原生 JS 或 jQuery 插入 select，再调用 form.render('select')
• 如果表格启用了 autoRender: false，记得在插入后主动调用 table.render() 后续逻辑中补上 form.render()

下拉框选中后如何触发表格重载？

不能只靠 form.on('select(...)') 监听，因为 toolbar 区域不在表格外层 form 容器内，Layui 的事件委托默认不覆盖这里。