省市区联动附（2020年省市区数据）

layui 省市区三级联动
附件省市区数据js
链接：https://pan.baidu.com/s/1NreH2LVyirAjMLjl9nXFKg
提取码：bpdz
省市区数据json
链接：https://pan.baidu.com/s/11V-DF-e7MTcrvYY31Tp3Xw
提取码：rjut
复制这段内容后打开百度网盘手机App，操作更方便哦

<div class="layui-form-item"><label class="layui-form-label layui-form-required">地区选择</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也是中文而不是区号 省市区三级联动var data = cascader.getCityData(admin.util.deepClone(citysData));cascader.render({elem: '#demoCascader1',data: data,itemHeight: '250px',filterable: true//开启搜索}); </script> 由于字数限制下面就截个大概图 

总结

以上是生活随笔为你收集整理的省市区联动附（2020年省市区数据）的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。