# 三級聯動 > 來源: [https://fly.layui.com/jie/16725/](https://fly.layui.com/jie/16725/) #### 模塊下載地址 [https://pan.baidu.com/s/1bprUQSZ](https://pan.baidu.com/s/1bprUQSZ) #### HTML ``` <div class="layui-input-inline"> <select name="province" lay-filter="province" class="province"> <option value="">請選擇省</option> </select> </div> <div class="layui-input-inline"> <select name="city" lay-filter="city" disabled> <option value="">請選擇市</option> </select> </div> <div class="layui-input-inline"> <select name="area" lay-filter="area" disabled> <option value="">請選擇縣/區</option> </select> </div> ``` #### JavaScript ``` layui.config({ base : "新的路徑" // address.js 所在路徑, 不含文件名 }).extend({ "address" : "address" }) layui.use(['jquery',"address"],function() { var address = layui.address(), $ = layui.jquery; }) ``` #### 沒有聯動數據問題 在`address.js`第9行修改`address.json`的路徑即可 ``` $.get("../../json/address.json", function (data) { //將 “../../json/address.json”修改為地址接口路徑 ```