layui框架开发,基于xm-select实现下拉多选的方法

作者 : MOOMOO 本文共577个字,预计阅读时间需要2分钟 发布时间: 2022-05-3 共18人阅读

layui官网目前虽已下线,但是应用依然很多,因为芝麻通网站源码板块行业字段存在一套模版归于多个行业的情况,所以对行业字段进行了升级,使用了xm-select来实现多选的效果。

layui基于xm-select实现下拉多选的方法

具体步骤

1.页面head中引入xm-select.js

codecode

  1. <script type=”text/javascript” src=”/style/js/xm-select.js”></script>

2.前端渲染

codecode

  1. <div id=”demo1″ class=”xm-select-demo”></div>
  2. <script>
  3. var demo1 = xmSelect.render({
  4.     el: ‘#demo1’,
  5.     language: ‘zn’,
  6.     tips: ‘请选择行业’,
  7.     height: ‘360px’,//高度
  8.     paging: true,//分页
  9.     filterable: true,//搜索
  10.     autoRow: true,//自动换行
  11.     pageSize: 10,//每页
  12.     data: [
  13.         {name: ‘张三’, value: 1},
  14.         {name: ‘李四’, value: 2},
  15.         {name: ‘王五’, value: 3},
  16.     ]
  17. })
  18. </script>
1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请邮件联系站长!
2. 本站客服QQ:4387159,唯一购买官网:MooMoo.TOP!
3. 盗版,破解有损他人权益和违法作为,请各位会员支持正版!
MooMoo » layui框架开发,基于xm-select实现下拉多选的方法

常见问题FAQ

是否支持共享资源赚外快?
本站支持任何人上传资源,一经采用即可展示,客户下单既有80%的提成。
可以免费教技术吗?
大家可以加群进行探讨共同进步,重点问题管理员会进行解答。
我是小白要怎么学习?
加群后做到不耻下问,看文章学习演示就能成为大佬。

发表评论