# 三级联动 > 来源: [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”修改为地址接口路径 ```