layui 获取select下拉选项上自定义的属性

当需要对不同的选项，切换不同的显示时（显示数据由后台接口返回）

<select name="" id="program" lay-filter="filter">
   <option value="0" info="json string1 or string1">请选择分类</option>
   <option value="1" info="json string2 or string2">linux</option>
</select>

1. 触发下拉框，监听select选择

form.on('select(filter)', function(data) {
    console.log(data.elem); //得到select原始DOM对象
    console.log(data.value); //得到被选中的值
    console.log(data.othis); //得到美化后的DOM对象
    //获取自定义属性值
    var info = $(data.elem).find("option:selected").attr("info"); 
});

2. 未触发（编辑，回显）

var select = $("#program")[0];
var info = $(select).find("option:selected").attr("info");

 

BY:liyy