layui的select获取自定义属性和默认选中

最新推荐文章于 2025-04-02 16:31:45 发布

柳逸尘Lycodx

最新推荐文章于 2025-04-02 16:31:45 发布

阅读量1.4k

点赞数 1

分类专栏： javascript layui

本文链接：https://blog.youkuaiyun.com/fzx_javascript/article/details/115866949

版权

javascript 同时被 2 个专栏收录

4 篇文章

订阅专栏

layui

2 篇文章

订阅专栏

本文介绍如何使用layui框架实现自定义select属性的操作，包括获取所选选项的自定义属性值及设置默认选中项的方法。通过示例代码展示了如何监听select元素的选择事件并获取被选中选项的数据ID属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.获取自定义属性

<span class="color-green">加班选择</span>
<select name="" class="layui-input" id="my-select" lay-filter="test">
    <option data-id="996" value="1">996</option>
    <option data-id="007" value="2">007</option>
</select>

layui.use(['form'], function () {
     let form = layui.form;
     form.on('select(test)', function(data){
         let value = $(data.elem).find("option:selected").attr("data-id");
         console.log(value);
     })
 });

2.默认选中

let value = 1;
$('#my-select').find("option[value=" + value + "]").attr("selected",true);

提醒：
layui的select操作记得加上 form.render(‘select’);