layui下拉框需通过form.on('select')监听或form.val()获取value，不可用原生dom方法；动态渲染后须调用form.render('select')同步，传参时注意类型转换和content-type匹配。
layui下拉框的 value 获取时机不对
直接在 select 元素上用 $("#id").val() 拿不到最新值，因为 layui 会隐藏原生 select，把操作绑定到它生成的 .layui-select-title 和下拉面板上。原生 DOM 的 value 不会自动同步，得通过 layui 的 form.on('select(...)') 监听或主动调用 form.val()。
- 监听方式最稳妥：在
layui.use(['form'], function(){...})内注册事件，回调参数data.value就是当前选中的 value - 手动获取需触发同步：先调用
form.render('select')（尤其在动态插入 select 后），再用form.val('filterName')取值，其中filterName是select的lay-filter属性值 - 别用
$("select").val()或document.getElementById(...).value，它们返回的是初始值或空字符串
在 ajax 请求里正确嵌入 select 的 value
拿到 value 后，不能直接拼进 URL 里传参（尤其是中文或特殊字符），应统一走 data 配置项，并确保 content-type 匹配。
- GET 请求：把 value 当作对象属性传给
data，jQuery 会自动序列化（如{category: data.value}） - POST 请求：若后端接收 JSON，需设
contentType: 'application/json'并用JSON.stringify({value: data.value}) - 注意 value 类型：layui 下拉框的 value 默认是字符串，但如果你手动设了数字或布尔值（比如
value="1"），data.value仍是字符串，必要时用parseInt(data.value)转换
form.on('select') 回调中发请求的典型写法
这是最常用、最不容易丢值的场景——用户一选就触发请求，且能保证取到即时值。
layui.use(['form', 'jquery'], function(){
var form = layui.form;
var $ = layui.jquery;
form.on('select(categoryFilter)', function(data){
// data.value 是选中的值，data.elem 是 select 原生 DOM，data.othis 是 layselect 外层 jQuery 对象
$.ajax({
url: '/api/get-list',
method: 'GET',
data: {
category: data.value
},
success: function(res){
console.log('返回数据:', res);
}
});
});
});
动态渲染 select 后 value 读不出来
用 JS 插入新的 select 标签（比如从接口加载选项后 append），layui 不会自动绑定事件或同步状态，必须手动 form.render()。
- 插入完 HTML 后立即执行
form.render('select')，否则form.val('xxx')返回undefined - 如果插入的是带
lay-filter的完整 select，还要确保该 filter 名在form.on('select(filterName)')中已注册，否则监听不生效 - 避免重复 render：同一 select 多次调用
form.render('select')会重建 DOM，可能丢失已有事件绑定
form.render() 或错用原生 DOM 读值，几乎必现空值问题。
