layui表单控件需用form.val()设值+form.render()刷新视图，日期控件调inst.show()/setValue()，checkbox/radio需改checked属性+render()+trigger('change')。
layui 的 click() 无法触发下拉选择、日期控件等内置行为
直接调用原生 click() 或 dispatchEvent 在 layui 表单元素（如 select、laydate、checkbox）上基本无效——因为 layui 不是靠监听原生事件驱动 UI，而是拦截并重写了交互逻辑，依赖内部的 layui.form.render() 和模块实例状态。
实操建议：
- 优先通过
layui.form.val()设置值 +layui.form.render()强制同步视图，绕过点击 - 对需要“打开弹层”的组件（如日期、下拉），改用其暴露的
show()方法（若存在）或手动触发绑定的data-type对应的内部方法 - 避免用
document.querySelector('xxx').click()模拟点击下拉箭头，它不会触发form.select的展开逻辑
模拟 select 下拉选中项的正确方式是 form.val() + form.render()
layui 的 select 是渲染为带 layui-select-title 的 div 容器，原生 select 被隐藏。直接改 select.value 或点选项 DOM 不会更新标题文本和关联数据。
实操建议：
- 用
layui.form.val('filterName', {key: 'value'})设置字段值（key是name属性，value是option的value） - 立即调用
layui.form.render('select', 'filterName')刷新该 select 的显示 - 如果要触发 change 回调，需手动
layui.$('[name="key"]').trigger('change')（注意：layui 默认不自动 trigger，得自己补）
layui.use(['form'], function(){
var form = layui.form;
// 模拟选中 value="2" 的 option
form.val('myForm', {category: '2'});
form.render('select', 'myForm');
layui.$('[name="category"]').trigger('change');
});
日期控件（laydate）不能靠 click 输入框，得调 inst.show() + inst.setValue()
对 input[lay-key] 执行 click() 可能唤起面板，但不可靠；更糟的是，面板内点击日期单元格的 DOM 是动态生成的，冒烟测试中 selector 极易失效。
实操建议：
- 保存 laydate 实例（初始化时用
var inst = laydate.render({...})） - 用
inst.setValue('2024-05-20')直接设值，再调inst.hide()（可选） - 若未保留实例，可通过
laydate.getInst(输入框的 lay-key)获取（lay-key是渲染后 input 上的属性，通常为数字） - 不要尝试用
document.querySelectorAll('.laydate-day-list td[data-date="2024-05-20"]')点击——DOM 结构随版本变，且异步加载可能未就绪
checkbox/radio 的模拟要点：改 checked 属性 + form.render() + 手动 trigger
layui 的复选框/单选按钮渲染后，原始 input 被隐藏，视觉状态由伪元素控制。仅设 input.checked = true 不会更新样式，也不触发 form 监听。
实操建议：
- 先用原生方式设置
input.checked = true（或setAttribute('checked', '')） - 立刻调用
layui.form.render('checkbox')或layui.form.render('radio') - 再手动
layui.$(input).trigger('change')确保业务回调执行 - 批量操作时，避免在循环里反复调
form.render()，应统一最后 render 一次
复杂点在于：layui 冒烟测试常忽略表单 filter 名作用域——form.render() 若不传第二个参数（即 filter 值），可能只刷新全局第一个 form，导致其他区域未更新。务必核对 form 元素的 lay-filter 属性与 form.render() 的第二个参数是否一致。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
