layui select 的 change 事件不能用原生 dispatchEvent 触发，因其为自定义组件，需通过 form.val('filter', {name: 'value'}) 设置值并自动触发 form.on('select') 回调，再配合 form.render('select') 确保 UI 同步。
layui select 的 change 事件不能直接用原生 dispatchEvent 触发
因为 layui 的 select 是通过 layUI 渲染后的自定义下拉组件（实际 DOM 是隐藏的 select + 外层封装的 .layui-form-select），原生 change 事件监听在原始 select 上，但用户操作不会触发它——layUI 自己用 form.on('select(xxx)') 捕获并派发逻辑。所以直接对原始 select 调用 dispatchEvent(new Event('change')) 是无效的。
正确做法：用 layui 的 form.render + 手动调用 form.val
要“手动触发 change 效果”，本质是模拟一次值变更 + 通知 form 模块重新校验/响应。关键在于两步：先改值，再刷新表单状态。layUI 提供了配套方法：
-
form.val('filter', {name: 'value'})：设置指定 filter 下的字段值（会自动同步到隐藏select和 UI 展示） -
form.render('select', 'filter')：重渲染 select 组件（可选，通常form.val内部已触发部分更新，但保险起见可显式调用） - 如果你绑定了
form.on('select(xxx)', callback)，form.val会自动触发该回调——这才是真正的“触发 change”
常见错误：直接操作 DOM value 或 selectedIndex
比如：document.getElementById('mySelect').value = '2'; 或 elem.selectedIndex = 1;。这类操作只改了原始 select 的值，layUI 的 UI 层（如展开面板里的高亮项、input 显示文本）完全没更新，且 form.on('select') 不会被调用。
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
更危险的是，如果后续调用 form.val 或提交表单，值可能被覆盖或不一致。layUI 的数据流必须走它自己的 API。
完整示例：JS 修改 select 并确保回调执行
layui.use(['form'], function(form){
// 假设你的 select 设置了 lay-filter="city"
form.on('select(city)', function(data){
console.log('选中值:', data.value);
});
// ✅ 正确手动触发
form.val('city', {city: 'shanghai'}); // 注意：key 名要和 name 属性一致
// 此时上面的 on('select(city)') 回调会立即执行
// ❌ 错误写法（不会触发回调）
// document.querySelector('[name="city"]').value = 'shanghai';
});
注意：form.val 第一个参数是 filter 值（即 lay-filter="xxx" 的 xxx），第二个参数是对象，key 是 name 属性值，value 是要设的选项值。别把 filter 和 name 搞混。
如果 select 是动态生成、还没被 layUI 初始化过，得先确保 form.render() 已执行；否则 form.val 无效果。
