layui实现下拉框多选

1. //引入formSelects.css formSelects-v4.js
2. <link rel="stylesheet" href="formSelects-v4.css" />
3.  
4. //模块化使用
5. <script src="layui.js" type="text/javascript" charset="utf-8"></script>
6. <script type="text/javascript">
7. //全局定义一次, 加载formSelects
8. layui.config({
9. base: '../src/' //此处路径请自行处理, 可以使用绝对路径
10. }).extend({
11. formSelects: 'formSelects-v4'
12. });
13. //加载模块
14. layui.use(['jquery', 'formSelects'], function(){
15. var formSelects = layui.formSelects;
16. formSelects.config(
17. 'businessSelects',
18. { keyName: 'name', keyVal: 'id' }).data(
19. 'businessSelects', 'server', {
20. url: rurl('impDeclaration/tenants'),
21. });
22. });
23. </script>

前台代码

<div class="layui-col-md3">
    <label class="layui-form-label">经营单位</label>
    <div class="layui-input-block" style="width: 90%">
        <select id="domesticConsignee" name="domesticConsignee" xm-select="businessSelects" xm-select-show-count="1">
        </select>
    </div>
</div>

https://hnzzmsf.github.io/example/example_v4.html