layui textarea 清空后 form.val() 仍返回旧值，因表单模块未监听到变更；需手动触发 input 事件并清除验证状态、错误提示及组合字段。
layui textarea 清空后 form.val() 还是旧值？
最常见现象：点清空按钮 → textarea 变空 → 提交时 form.val('filter') 仍返回历史内容。根本原因不是 DOM 没清，而是 Layui 表单模块没收到变更通知。
必须触发原生 input 或 change 事件，否则 form 模块认为值未变。只改 textarea.value = '' 或 $(textarea).val('') 不够。
- 推荐写法：
textareaEl.value = '';+textareaEl.dispatchEvent(new Event('input')) - jQuery 写法：
$(textareaEl).val('').trigger('input')（trigger('change')也可，但input更及时） - 若该
textarea绑定了lay-verify，清空后验证红边不会自动消失，需手动调form.validate('filter')或等下次提交校验
动态渲染的 textarea（如表格工具栏内）怎么安全清空？
这类区域常被重复渲染或异步插入，直接绑定 click 容易失效或绑定多次。不能依赖 onclick 属性或一次性 addEventListener。
用事件委托最稳：
layui.$(document).on('click', '.clear-textarea-btn', function(e) {
e.stopPropagation();
const $ta = layui.$(this).closest('.layui-form-item').find('textarea');
$ta.val('').trigger('input');
});
- 按钮需有统一 class（如
.clear-textarea-btn），避免 ID 冲突 -
closest('.layui-form-item')确保定位到当前上下文的textarea，不跨区域误清 - 务必
e.stopPropagation()，防止点击触发父级表单 submit
带 lay-verify 的 textarea 清空后验证状态卡住怎么办？
清空后输入框边框仍是红色、错误提示还在，是因为 Layui 验证状态和 UI 是分离维护的。清空值 ≠ 清空验证痕迹。
- 验证失败后，Layui 会给
textarea父容器加layui-form-danger类，需手动移除：layui.$(textareaEl).closest('.layui-form-item').removeClass('layui-form-danger') - 对应错误提示
.layui-form-error元素也要删掉：layui.$(textareaEl).siblings('.layui-form-error').remove() - 如果用了自定义验证规则（
form.verify），清空后无需重注册，但首次提交前建议调一次form.validate('filter')主动刷新状态
table 工具栏里的 textarea 怎么和 select/radio 一起清空？
单独清 textarea 很容易，但搜索条件往往组合存在（比如时间范围 + 文本关键词 + 状态下拉）。只清文本框，其他字段残留会导致 where 参数错乱。
- 统一用
form.val('searchFilter', {})—— 它会同时清空textarea、select、radio、checkbox的值并更新 UI - 对
select和checkbox，form.val()之后要补一句form.render('select')和form.render('checkbox')，否则 UI 不刷新 - 表格重载必须显式传空对象：
table.reload('dataTable', { where: {} })，不能传null或省略where
textarea 最容易忽略的点是：它不像 input[type="text"] 那样有右侧图标联动机制，所以没人帮你自动触发事件——你得自己扛起 dispatchEvent 或 trigger 这件事。
