使用json数据进行html页面三级联动,layui

m0_58103654

已于 2022-07-13 11:44:40 修改

阅读量641

点赞数

文章标签： json jquery layui

于 2022-07-13 11:34:24 首次发布

本文链接：https://blog.csdn.net/m0_58103654/article/details/125759376

版权

这篇博客记录了如何使用json数据在html页面中创建三级联动效果，主要涉及layui框架。内容包括html结构设置、javascript处理及json数据的引用。特别提醒，json数据文件路径设置时要注意避免错误。

摘要由CSDN通过智能技术生成

防止自己不知道什么时候会用起这个,先写在社区,以后用到就翻出来.

关于三级联动代码块,直接进入正文:

html三级联动框:

<p class="layui-form">
	<label class="layui-form-label">地址</label>
		<p class="layui-input-inline">
			<select name="province" id="province" lay-filter="province" class="province">
				<option value="" >请选择省</option>
			</select>
		</p>
		<p class="layui-input-inline">
			<select name="city" id="city" lay-filter="city" disabled>
				<option value="">请选择市</option>
			</select>
		</p>
		<p class="layui-input-inline">
			<select name="area" id="area" lay-filter="area" disabled>
				<option value="">请选择县/区</option>
			</select>
		</p>
	&