layui下拉框不能直接用index设置选中项，必须通过form.val()传入对应value并调用form.render('select')刷新；若仅修改selectedIndex而不更新value或渲染，界面不会变化。
layui 下拉框如何用 index 设置选中项
不能直接用 select.val() 传索引，layui 的 form.select 渲染后，原生 select 元素的 selectedIndex 不会自动同步到 layui 的下拉面板，必须触发 layui 内部更新逻辑。
用 form.val() 配合 value 而非 index 设置选中
layui 表单组件（包括下拉框）只认 value，不支持用数字索引直接设置。你需要先从 option 中拿到目标项的 value，再调用 form.val()：
// 假设下拉框 name="city"
var $select = $('select[name="city"]');
var options = $select.find('option');
var targetIndex = 2; // 想选第 3 个（0 起始）
var targetValue = $(options[targetIndex]).val();
form.val('exampleFilter', {
'city': targetValue
});
form.render('select'); // 必须 render 才生效
- 漏掉
form.render('select')是最常见失败原因，render 后才会刷新下拉面板显示 -
form.val()第一个参数是 filter（即 form 容器的lay-filter值），不是表单名或 id - 如果
option是动态生成的，确保在form.render()之后再执行form.val()
想纯靠 index 操作？得手动触发原生 select + 重渲染
当只有索引、又不想查 value（比如选项 value 为空或重复），可临时操作原生 DOM，再强制刷新：
var $select = $('select[name="city"]')[0]; // 取原生 DOM
$select.selectedIndex = 2;
form.render('select', 'exampleFilter'); // 第二个参数指定 filter，避免全页重绘
- 直接改
selectedIndex不会触发 layui 的 change 监听，后续逻辑需自行 dispatchEvent 或手动调用回调 -
form.render('select', 'xxx')的第二个参数是可选的，但强烈建议传入，否则 layui 会遍历所有 select，性能差且可能误刷其他下拉框 - 此法在 layui 2.8+ 中仍有效，但属于“绕过封装”，适合紧急修复，不推荐长期依赖
为什么 select.get(0).selectedIndex = x 后界面没变
因为 layui 渲染出的下拉面板（.layui-select-title 和 .layui-select-down）是独立 DOM，完全不读取原生 select 的 selectedIndex；它只依赖 select 的 value 属性和初始化时缓存的 option 映射关系。
- 即使你改了
selectedIndex，只要select.value没变，layui 就认为“没动” - 验证方法：在控制台执行
$('select[name="city"]').val()，看是否已更新——没更新就说明仅改selectedIndex不够 - 真正安全的做法永远是：先确保
select.value正确，再form.render('select')
