本插件適用于多級select元素聯動選擇,包括不限于“多級地區(qū)聯動”,“多級類型聯動”等。select元素值改變后,刷新目標元素數據。 注意:此插件的初衷是針對 與接口方面交互的多級聯動,因此 數據應來源于接口,而不是…某些組件中 硬寫在JS中的…一堆XX數據…然后遍歷幾萬條數據找子集… 腦殼痛……所以才有此組件的誕生。 具體……不用多說……
<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>
layui.config({
  base: '../../../layui_exts/' 
}).extend({
  selectMore: 'selectMore/selectMore'
}).use(['selectMore'], function(){
  setTimeout(function(){
      // 初始化
      // layui.selectMore.init(layui.$("#demo-area-first"));
      // 設置多個值
      // layui.selectMore.setAll(['130000','130200','130204']);
      // 獨立設置值
      // layui.selectMore.set("#demo-area-first",'130000');
  },1500); //  此處的延遲執(zhí)行 是屬于任性的作者的強行寫入 哈哈 隨意刪……
  
});                        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查詢目標ID下 子集的參數名 例如:params:{"parentId":1}
	"params_pid_def":0, // 初始化第一級數據時 默認參數值
}