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