💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
## 6.3.4.搜索功能 ```html <input id="demoCascader1" placeholder="请选择" class="layui-hide"/> <script> layui.use(['cascader'], function () { var $ = layui.jquery; var cascader = layui.cascader; cascader.render({ elem: '#demoCascader1', data: [], filterable: true // 这个参数是开启搜索功能 }); // 自定义搜索 cascader.render({ elem: '#demoCascader1', data: [], filterable: true, reqSearch: function (keyword, callback, dataList) { // keyword是搜索的关键字,dataList是当前的全部数据集合 $.get('xxx.json', { keyword: keyword }, function(res){ callback(res); },'json') } }); }); </script> ``` 搜索后端接口返回的数据格式为: ```json [ {"value": "1,2", "label": "北京 / 王府井"}, {"value": "1,3", "label": "北京 / 故宫"} ] ``` 如果要标记关键字为红色:`<span class=\"search-keyword\">北京</span> / 王府井` ![](https://s2.ax1x.com/2019/08/28/mHd4B9.png) <br/>