Layui下拉框渲染后无法直接操作DOM添加属性，因原始select被隐藏、交互由伪结构实现；必须在渲染前通过data-*属性或dataset动态注入，并在change回调中用elem.options[selectedIndex].dataset读取。
layui 下拉框 select 渲染后无法直接操作 DOM 添加属性？
不是不能，而是不能在渲染前只靠 html 拼接或渲染后用原生 queryselector 硬改——layui 的 select 会把原始 select 隐藏，用自定义结构（.layui-select-title + .layui-select-dropdown）模拟下拉，真实 option 节点不参与交互。所以「给 option 加自定义属性」必须在 layui 渲染前完成，且属性要能被后续 js 逻辑读取到。
用 data-* 属性 + lay-key 或 lay-value 关联数据
Layui 不解析 option 上的 data-*，但你可以主动保留它，并在 change 回调里通过 elem.options[elem.selectedIndex] 拿到原生 option 元素，从而读取任意自定义属性：
<select id="demoSelect"><option value="1" data-code="A001" data-type="user">张三</option> <option value="2" data-code="B002" data-type="admin">李四</option></select>
初始化后，在监听事件中获取：
form.on('select(demoSelect)', function(data){
var selectElem = document.getElementById('demoSelect');
var selectedOpt = selectElem.options[selectElem.selectedIndex];
console.log(selectedOpt.dataset.code); // "A001"
console.log(selectedOpt.dataset.type); // "user"
});
- 务必用
dataset（而非getAttribute）读取data-属性，更安全 - 不要试图在
dropdown的伪dl>dd结构上加属性——它们是只读渲染结果，改了也没用 - 如果需要服务端传参，推荐把完整对象序列化进
value，比如value='{"id":1,"code":"A001"}'，再JSON.parse()
动态添加 option 时如何带自定义属性？
不能用 form.render('select') 后再追加，必须先操作原生 select，再重新渲染表单：
var selectElem = document.getElementById('demoSelect');
var opt = new Option('王五', '3');
opt.dataset.code = 'C003';
opt.dataset.type = 'guest';
selectElem.add(opt);
form.render('select', 'demoSelect'); // 第二个参数是容器 ID 或 class，确保局部重载
-
selectElem.add()是标准 DOM 方法，兼容所有浏览器 - 必须调用
form.render('select', ...)，否则新option不会出现在下拉菜单里 - 避免用
innerHTML +=拼接，会导致已选值丢失或事件绑定异常
为什么 lay-filter 不能替代 data-*？
lay-filter 是 layui 用于事件委托的标识符，作用域是整个表单模块，不是单个 option 的元数据。它不能动态设置，也不随选项变化而携带上下文。真正需要「每个选项独立携带额外字段」时，data-* 是唯一可靠路径。
容易被忽略的一点：layui 2.8+ 对 select 的 init 回调支持有限，不要依赖它来批量注入属性；所有自定义数据必须来自原始 DOM 或 JS 动态创建时显式赋值。
