正确清空 layui select 需保留 value="" 的默认选项，再执行 remove()、append() 和 form.render('select')；同时需同步更新数据源、处理插件状态及搜索缓存，否则 UI 异常或旧值反弹。
直接清空 select 的所有 option 会破坏 layui 渲染结构
用 $("#mySelect").empty() 或 $("#mySelect").html("") 确实能删光所有 option，但 layui 会把原始 select 隐藏，靠伪 DOM（.layui-form-select）展示下拉面板。清空后原始节点虽空，伪元素可能还残留旧状态，提交表单时甚至仍带出已删的 value。
更危险的是：后续调用 form.render('select') 时，若没重新插入 option，它不会报错，而是渲染出一个“空有外壳、点击无反应”的下拉框。
正确做法是先清空再 render，且必须保留空的 value="" 选项
layui 要求 select 至少有一个可选的 option（哪怕为空），否则 UI 渲染异常。所以不能真“删完”，而要留一个默认占位项：
- 清空所有非空
option：$("#mySelect option[value!='']").remove() - 确保存在空值选项：
if (!$("#mySelect option[value='']").length) { $("#mySelect").append('<option value="">请选择</option>'); } - 强制重绘：
layui.form.render('select')
注意：value="" 和 value=" "（含空格）不等价，DOM 查询必须严格匹配；如果原生 select 初始化时没有空选项，这一步不能省。
动态加载场景下，别只操作 DOM，要同步数据源
如果你的选项来自接口或全局数组（如 window.cityList = [{id:1,name:'北京'},...]），仅删 DOM 不够——下次 reload 或切换 tab 时，旧数据又会刷回来。
- 删 DOM 前，先更新数据源：
window.cityList = window.cityList.filter(item => item.id !== targetId) - 后续重新生成选项时，基于新数组循环插入，而不是重复请求原始接口
- 如果用了
formSelects这类插件，清空逻辑完全不同：formSelects.value('mySelect', [])，不能碰原生select
带 lay-search 的 select 清空后自动回填？得手动破除它的缓存行为
启用搜索的 select 在用户清空搜索框时，layui 会悄悄恢复上次选中项。点击清除按钮后看到“又弹回来了”，就是这个机制在起作用。
- 清空前先干掉它的内部记忆：
$("#mySelect").siblings('.layui-form-select').find('.layui-this').removeClass('layui-this').addClass('layui-hide') - 再执行
$("#mySelect").val('')和layui.form.render('select') - 如果清除按钮是动态插入的（比如 AJAX 加载后追加），确保上述操作在
form.render()完成之后执行，否则.layui-form-select结构可能还没生成
真正干净的清空，从来不是“删掉所有 option”这么简单——它得兼顾 DOM、UI 渲染、数据源、插件状态和 layui 内部缓存，漏掉任何一环，都会在某个角落悄悄反弹。
