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

 

  

原文地址:https://www.cnblogs.com/widgetbox/p/12988171.html