TP5 三级联动实例以及原理、流程

最新推荐文章于 2021-09-28 10:48:06 发布

小忍pr

最新推荐文章于 2021-09-28 10:48:06 发布

阅读量1.3k

点赞数

分类专栏： thinkphp thinkphp5 文章标签： thinkphp5 三级联动

本文链接：https://blog.csdn.net/u010267100/article/details/97274192

版权

通过ThinkPHP5框架，本文详细介绍了如何实现省市区三级联动的功能。首先，展示了包含id、pid、name和type字段的三级联动数据表结构。接着，阐述了在后台获取一级地点（省）并输出到前端省级select框的过程。利用onchange事件和Ajax，当选择省份时动态加载市级数据。同样，选择城市后，再次使用Ajax获取并显示区县数据。最后，提到了后台的getRegion方法在其中的作用。

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

这里还是拿省市区三级联动为例。

首先下一个三级联动的数据表，结构如下：

字段说明：
id：地址的ID
pid：等于父级地址的 id ，用于识别该地点隶属于哪里
name: 地点名称
type：地点的级别，1是省，2是市，3是县/区
表名：tree

在后台把所有一级地点（省）查询出来，并循环输出到前端第一个select框中

	//查询所有省
	private function getProvince()
	{
		$province = db('tree')->where ([ 'pid'=>1])->select ();
		$this->assign('province',$province);
	}

前端省级select框

<select class="select" name="province" id="province" onchange="loadRegion('province',2,'city');">
		<option value="0" selected>省份/直辖市</option>
		{volist name="province" id="v