Layui-Select多选

分享 未结 51 66739
maplemei
maplemei 2017-8-29
悬赏:20飞吻
更新啦 formSelects-v4

http://sun.faysunshine.com/layui/formSelects-v4/example/example_v4.html


功能说明:
两种多选方式 select 和 checkbox
1.自定义初始值
2.动态对多选赋值
3.自定义配置显示分隔符
详细配置说明


一个简单的使用示例



2018年4月27日更新

忘记有多久了, 再次回到了社区, 突然发现自己原来写的select多选有挺多问题的, 闲余之下 修改了一番
新的体验地址 https://faysunshine.com/layui/template/formSelects.html


2018年4月20日更新
-------------------------------------------------------------------------------------------------------

看到社区的兄弟想要select多选,下午突然有个想法就写个一下,欢迎大家指导

BUG修改
1.选中一个后Select会隐藏
2.双击Select出现Bug
3.增加一些配置项
4.优化一些js

调用方式
formSelects.on({
layFilter: 'city', //绑定select lay-filter
left: '【', //显示的符号left
right: '】', //显示的符号right
separator: '', //多选分隔符
});
最终效果



网站体验
https://faysunshine.com/layui/template/index.html

欢迎吐槽,不喜勿喷,小白白努力中~~~
回帖
  • 哥们,有个问题,我的下拉多选是动态生成的。需要在生成时候渲染即加form.render();但是如果这样。你这多选就被渲染没有了。。。这个问题该怎么解决。。。
    7 回复
  • zhengsuiyuan
    2017-12-14
    我就想说,这个编辑的时候怎么回填
    3 回复
  • 一些拙见[可爱]
    这行代码 formSelects.arr[i] = null; //建议:formSelects.arr.splice(i,1); 这样就可以不写removeNull方法了。
    1 回复
  • 直接用你的formSelects.js,,不能一次性选中多个。 选择一个后弹框就关闭。 但你的demo不会。 为什么呢
    1 回复
  • 不错[good]
    0 回复
  • Andre_Z
    2017-8-29
    点了一个就缩回去了,下个再点开再选?
    0 回复
  • maplemei
    2017-8-30
    @Andre_Z 本质还是layui框架~没有修改里面的源码~不过用小手段伪装实现而已
    0 回复
  • Dick
    2017-8-30
    @MapleMei 多选框的高度应该大点吧,默认显示5个选项,带滚动条的
    0 回复
  • [嘻嘻] 不错,不过发现一个小BUG,多选完后双击会异常,楼主可以自己看一下
    0 回复
  • maplemei
    2017-8-30
    @浅蓝色的海 感觉分享, 已修改
    0 回复
本帖已设置禁止回复