<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>
          

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
          

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
          

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                <ruby id="bdb3f"></ruby>
                
    


                
  
                                            
                                                                      
        
                
          ThinkChat2.0新版上線，更智能更精彩，支持會話、畫圖、視頻、閱讀、搜索等，送10W Token，即刻開啟你的AI之旅
          廣告
        
                        
                              
  

                

                
    
                
        
                
                            ## 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/>
                    
                
        
                
            
        
                
    
                
    
                
        
                
    
                

                







                  <ruby id="bdb3f"></ruby>
                  <p id="bdb3f"><cite id="bdb3f"></cite></p>
                    

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>
                        

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
                        

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
                        

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                              <ruby id="bdb3f"></ruby>
                              

哎呀哎呀视频在线观看