Html配置：
1.select元素 配置 lay-filter="selectMore"
2.data-target 指向需要聯(lián)動的下級目標(biāo)（沒有下級則無需配置）
……over

HTML示例：

<div class="layui-form layui-card-header layuiadmin-card-header-auto">
    <div class="layui-row">
        <div class="layui-col-md12">
            <div class="layui-inline layui-show-xs-block">
                 <select lay-filter="selectMore" id="demo-area-first" data-target="#demo-area-sec"></select>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <select lay-filter="selectMore" id="demo-area-sec" data-target="#demo-area-th"></select>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <select lay-filter="selectMore" id="demo-area-th"></select>
            </div>
        </div>
    </div>          
</div>

---

JS中的應(yīng)用:

初始化：layui.selectMore.init(layui.$("#demo-area-first"));
配置多個默認(rèn)值：layui.selectMore.setAll(['130000','130200','130204']);
獨(dú)立設(shè)置某值：layui.selectMore.set("#demo-area-first",'130000');

JS示例：

layui.config({
  base: '../../../layui_exts/' 
}).extend({
  selectMore: 'selectMore/selectMore'
}).use(['selectMore'], function(){

  setTimeout(function(){
      // 初始化
      // layui.selectMore.init(layui.$("#demo-area-first"));

      // 設(shè)置多個值
      // layui.selectMore.setAll(['130000','130200','130204']);

      // 獨(dú)立設(shè)置值
      // layui.selectMore.set("#demo-area-first",'130000');
  },1500); //  此處的延遲執(zhí)行 是屬于任性的作者的強(qiáng)行寫入 哈哈 隨意刪……
  
});

So easy……

其他配置說明在文件中有注釋

const selectMoreConfig = {
	"url":"./demo.json", // ajax請求地址
	"option_value_key":"areaId",  //  option配置中 value取值的key 例如：<option value="areaId"></option>
	"option_text_key":"name",     // option配置中 text取值的key  例如：<option value="areaId"></option>
	"params_pid_key":"parentId",  // ajax查詢目標(biāo)ID下 子集的參數(shù)名 例如：params:{"parentId":1}
	"params_pid_def":0, // 初始化第一級數(shù)據(jù)時(shí) 默認(rèn)參數(shù)值
}