layui select获取自定义属性值的方法

<select class="layui-input" name="cate_id" lay-filter="cate_id">

<option value="5" data-rid="1">冻品</option>

<option value="4" data-rid="0">蔬菜</option>

<option value="3" data-rid="2">百货</option>

<option value="2" data-rid="0">干货</option>

</select>

想要获取选中的option 所对应的data-rid属性值,js实现如下

$(document).ready(function(){

   layui.use('form', function () {

               var form = layui.form; 

               form.on('select(cate_id)', function (data) {

                   onsole.log($(data.elem).find("option:selected").attr("data-rid"));

               });

               form.render();

   });

})