layui动态添加表单项后必须调用form.render()渲染，确保select等组件样式和事件生效；name属性需唯一（如item[0]），删除时要清理事件和验证状态，IE11下建议延迟渲染。
layui form 动态添加表单项时，form.render() 必须手动触发
layui 的表单组件（如 select、checkbox、radio）在 dom 动态插入后不会自动绑定样式和事件，看起来“没生效”——不是代码写错了，是漏了渲染步骤。
- 每次用
innerHTML、append()或其他方式插入新表单项后，必须立即调用form.render() - 如果新增的是某类特定组件（比如只加了
select），可缩小范围：form.render('select')，减少开销 - 注意：
form.render()要在 layui 模块加载完成后执行，确保form对象已就绪（通常在layui.use(['form'], callback)内） - 常见错误：把
form.render()放在异步回调外、或 DOM 插入前，导致白忙活
动态生成的 name 属性必须唯一，否则 form.val() 取不到全部值
layui 的 form.val('filterName') 依赖 name 属性提取数据。多个同名 name（比如都叫 item[]）会被覆盖，只返回最后一个。
- 推荐方案：用带索引的 name，例如
item[0]、item[1]，后续 JS 可以遍历拼装数组 - 如果非要数组形式提交（服务端期望
item[]），前端需自行收集：遍历所有匹配[name^="item"]的元素，逐个取值 - 别用纯数字或含特殊符号的 name（如
123、item.name），部分版本 layui 解析异常 - 动态添加时建议用计数器生成 name，避免重复：
let idx = 0; ... name="phone_" + idx++
删除动态表单项时，记得同步移除事件监听和缓存数据
单纯 remove() DOM 节点不够，尤其当该表单项绑定了自定义事件（比如 select 的 change）或关联了外部变量时，容易引发内存泄漏或逻辑错乱。
- 删除前先解绑事件：
$elem.off('change')（若用 jQuery）或用原生removeEventListener - 如果用
form.on('select(xxx)', fn)绑定过监听，删除对应 DOM 后，该监听仍存在——除非你用form.off('select(xxx)')主动注销（但一般不推荐全局注销） - 更稳妥做法：删除操作统一走封装函数，内部完成 DOM 移除 + 事件清理 + 数据数组 splice
- 别忽略表单验证状态：已触发过的
required提示不会随 DOM 删除自动消失，需手动form.validateStop()或重置校验容器
IE11 下动态添加 checkbox/radio 显示异常？换用 form.render('checkbox') 单独处理
IE11 对动态插入的自定义表单控件兼容性差，直接 form.render() 有时不生效，特别是父子级嵌套或快速连续增删时。
- 绕过方式：插入后延迟 1ms 再渲染，给 DOM 重绘留空隙：
setTimeout(() => form.render('checkbox'), 1) - 避免在循环里高频调用
form.render()，合并操作，最后统一渲染一次 - 检查是否混用了 layui 2.x 和 3.x 的 API：2.x 中
form.render(null, 'xxx')是指定容器，3.x 改为form.render(type, filter)，传参错会导致静默失败 - 真实场景中，IE11 用户往往卡在「勾选没反应」——大概率是渲染时机问题，而不是代码逻辑错误
form.render() 调没调、name 有没有撞车、删的时候干没干净。
