## :-: thinkphp5+ajax三級聯動下拉菜單
html代碼:
```
<div id="sanji"></div>
```
js代碼:
```
$(document).ready(function(e) {
var str = "<select id='sheng'></select><select id='shi'></select><select id='qu'></select>";//三個下拉交給一個字符串
$("#sanji").html(str);//將三個下拉的字符串交給前邊的div
tiansheng();//加載省的數據
tianshi();//加載市的數據
tianqu();//加載區 的數據
$("#sheng").change(function(){
tianshi();//重新加載市
tianqu();//重新加載區
})
$("#shi").change(function(){
tianqu();//加載區的數據
})
});
function tiansheng()
{
var pcode = "1"; //找出省的父級代號
$.ajax({
async:false,//同步
url:"http://www.tp5.com/region/",
data:{pcode:pcode},
type:"GET",
dataType:"JSON",
success: function(data){
var str = "";
for(var i=0;i<data.length;i++)
{
var lie = data[i].REGION_NAME;//拆分列
var val = data[i].REGION_ID;
str += "<option value='"+val+"'>"+lie+"</option>";
}
$("#sheng").html(str);
}
});
}
function tianshi()
{
var pcode = $("#sheng").val();//找市的父級代號，省選中項的值
$.ajax({
async:false,
url:"http://www.tp5.com/region/",
data:{pcode:pcode},
type:"GET",
dataType:"JSON",
success: function(data){
var str = "";
for(var i=0;i<data.length;i++)
{
var lie = data[i].REGION_NAME;//拆分列
var val = data[i].REGION_ID;
str += "<option value='"+val+"'>"+lie+"</option>";
}
$("#shi").html(str);
}
});
}
function tianqu()
{
var pcode = $("#shi").val();//找區的父級代號，市選中項的值
$.ajax({
url:"http://www.tp5.com/region/",
data:{pcode:pcode},
type:"GET",
dataType:"JSON",
success: function(data){
var str = "";
for(var i=0;i<data.length;i++)
{
var lie = data[i].REGION_NAME;//拆分列
var val = data[i].REGION_ID;
str += "<option value='"+val+"'>"+lie+"</option>";
}
$("#qu").html(str);
}
});
}
```
tp5方法:
```
public function getRegionAll()
{
$id = $_GET['pcode'];
header("Access-Control-Allow-Origin: *");
$regions = RegionModel::all(['PARENT_ID'=>$id]);
return json($regions, 200);
}
```
sql文件:
[鏈接](https://pan.baidu.com/s/1hBUvb8xYRSarKw-5F6XhrA)密碼ltdu
