当前使用layui版本:2.4.5

基础属性
属性名 属性值 备注
multiple 开启多选
lay-search 开启搜索
lay-case 大小写敏感
lay-omit 开启多选简写,显示勾选条数
lay-tools 开启多选工具栏(多选、清空、反选)
单选select
<select>
<select lay-search>
<select lay-search lay-case>
多选select
<select multiple>
<select multiple lay-omit>
<select multiple lay-search>
<select multiple lay-search lay-case lay-omit>
多选select-工具栏(全选-取消-反选)
<select multiple lay-tools>
<select multiple lay-omit lay-tools>
<select multiple lay-search lay-tools>
<select multiple lay-search lay-case lay-omit lay-tools>
事件监听
<select multiple lay-filter='multi'>
form.on('select(multi)', function (data) { // 打开控制台查看效果
    onsole.log(data.elem); //得到select原始DOM对象
    console.log(data.value); //得到被选中的值(数组类型)
    console.log(data.othis); //得到美化后的DOM对象
    console.log(data.current_value); //当前操作的值(选中或取消的值)
})
                    
赋值
// 有两种赋值方式: 1. 直接在option中写selected。 2. 通过 js 赋值。

// 1. 直接在option中写selected


// 2. 通过 js 赋值。

<script>
    // 手动赋值
    $('select[name="简化多选+搜索+大小写敏感"]').val(['sing1', 'movie2']);
    form.render();
</script>

    
Fork me on GitHub