# formSelects-v4.js 基于Layui的多选解决方案 官方网址 [https://hnzzmsf.github.io/example/example\_v4.html](https://hnzzmsf.github.io/example/example_v4.html) 安装方法 , 下载demo 后更改demo名称为 formSelects 上传到 更目录下的 /public 下面 ``` <link rel="stylesheet" href="/public/formSelects/dist/formSelects-v4.css" /> <script src="/public/formSelects/UI/layui-v2.3.0-rc1/layui/layui.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //全局定义一次, 加载formSelects layui.config({ base: '../src/' //此处路径请自行处理, 可以使用绝对路径 }).extend({ formSelects: 'formSelects-v4' }); //加载模块 layui.use(['jquery', 'formSelects'], function(){ var formSelects = layui.formSelects; }); </script> <div class="layui-form"> <select name="city" xm-select="example4" xm-select-search=""> <option value="1">北京</option> <option value="2">上海</option> <option value="3">广州</option> <option value="4">深圳</option> <option value="5">天津</option> </select> <js> layui.formSelects.filter('example4', function(id, inputVal, val, isDisabled){ if( PY.fullPY(val.name).toLowerCase().indexOf(inputVal) != -1 || //拼音全拼是否包含 PY.fullPY(val.name, true).indexOf(inputVal) != -1 || //拼音简拼是否包含 val.name.indexOf(inputVal) != -1 //文本是否包含 ){ return false; } return true; }); </js> </div> //3.非模块化使用 <script src="/public/formSelects/UI/layui-v2.3.0-rc1/layui/layui.all.js" type="text/javascript" charset="utf-8"></script> <script src="/public/formSelects/dist/formSelects-v4.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var formSelects = layui.formSelects; </script> ```