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

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

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

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>
	&