layui 省市區(qū)三級聯動
附件省市區(qū)數據js
鏈接：https://pan.baidu.com/s/1NreH2LVyirAjMLjl9nXFKg
提取碼：bpdz
省市區(qū)數據json
鏈接：https://pan.baidu.com/s/11V-DF-e7MTcrvYY31Tp3Xw
提取碼：rjut
復制這段內容后打開百度網盤手機App，操作更方便哦

<div class="layui-form-item"><label class="layui-form-label layui-form-required">地區(qū)選擇</label><div class="layui-input-inline"><input type="text" id="demoCascader1" placeholder="請選擇" class="layui-hide" value="{$formData['address']}" name="address" /></div> </div>

引入js

{include file="system@block/layui" /} <script type="text/javascript" src="__PUBLIC_JS__/layui/cascader/citys-data.js"></script> <script type="text/javascript" src="__PUBLIC_JS__/layui/cascader/cascader.js"></script> <script> layui.use(['upload', 'func', 'form','laydate','cascader','admin'], function() {var $ = layui.jquery, layer = layui.layer,laydate = layui.laydate, upload = layui.upload, func = layui.func, form = layui.form,cascader = layui.cascader;admin = layui.admin;// 編輯模式下表單自動賦值func.assign({:json_encode($formData)});// value也是中文而不是區(qū)號 省市區(qū)三級聯動var data = cascader.getCityData(admin.util.deepClone(citysData));cascader.render({elem: '#demoCascader1',data: data,itemHeight: '250px',filterable: true//開啟搜索}); </script> 由于字數限制下面就截個大概圖 

總結

以上是生活随笔為你收集整理的省市区联动附（2020年省市区数据）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。