# 搜索功能 ## 6.3.4.搜索功能 ~~~ <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> ~~~ 搜索后端接口返回的数据格式为: ~~~ [ {"value": "1,2", "label": "北京 / 王府井"}, {"value": "1,3", "label": "北京 / 故宫"} ] ~~~ 如果要标记关键字为红色：`<span class=\"search-keyword\">北京</span> / 王府井`