php三级实例,三级联动实例
摘要:html>
三級聯(lián)動實例html>
三級聯(lián)動實例省?
市?
區(qū)?
$(function(){
$.getJSON('demo.json',function(data){
let?option?=?'選擇(省)';
$.each(data,function(i){
option?+=?''+data[i].proName+'';
});
$('#pro').html(option);
});
$('#pro').change(function(){
$.getJSON('demo.json',function(data){
$.each(data,function(i){
if?(data[i].proId?==?$('#pro').val())?{
option?+=?''+data[i].cityName+'';
}
});
$('#city').html(option);
});
});
$('#city').change(function(){
$.getJSON('demo.json',function(data){
$.each(data,function(i){
if?(data[i].cityId?==?$('#city').val())?{
option?+=?''+data[i].areaName+'';
}
});
$('#area').html(option);
});
});
})
//省
[
{
"proId":?1,
"proName":?"山東"
},
{
"proId":?2,
"proName":?"河南"
}
{
"proId":?3,
"proName":?"安徽"
}
{
"proId":?4,
"proName":?"浙江"
}
{
"proId":?5,
"proName":?"江蘇"
}
{
"proId":?6,
"proName":?"廣東"
}
{
"proId":?7,
"proName":?"上海"
}
]
//市
[
{
"cityId":?1,
"cityName":?"濟南",
"proId":1
},
{
"cityId":?2,
"cityName":?"菏澤",
"proId":1
},
{
"cityId":?3,
"cityName":?"青島",
"proId":1
},
{
"cityId":?4,
"cityName":?"淄博",
"proId":1
},
{
"cityId":?5,
"cityName":?"棗莊",
"proId":1
},
{
"cityId":?6,
"cityName":?"東營",
"proId":1
},
{
"cityId":?7,
"cityName":?"鄭州",
"proId":2
},
{
"cityId":?8,
"cityName":?"開封",
"proId":2
},
{
"cityId":?9,
"cityName":?"洛陽",
"proId":2
},
{
"cityId":?10,
"cityName":?"許昌",
"proId":2
},
{
"cityId":?11,
"cityName":?"漯河",
"proId":2
},
{
"cityId":?12,
"cityName":?"安陽",
"proId":2
}
]
//縣區(qū)
[
{
"areaId":?1,
"areaName":?"歷下區(qū)",
"cityId":?1
},
{
"areaId":?2,
"areaName":?"天橋區(qū)",
"cityId":?1
},
{
"areaId":?3,
"areaName":?"市中區(qū)",
"cityId":?1
},
{
"areaId":?4,
"areaName":?"長清區(qū)",
"cityId":?1
},
{
"areaId":?5,
"areaName":?"曹縣",
"cityId":?2
},
{
"areaId":?6,
"areaName":?"單縣",
"cityId":?2
},
{
"areaId":?7,
"areaName":?"牡丹區(qū)",
"cityId":?2
},
{
"areaId":?8,
"areaName":?"定陶縣",
"cityId":?2
}
]
跑不起來是什么原因,是服務器設置的問題嗎?
批改老師:韋小寶批改時間:2019-01-22 16:34:46
老師總結(jié):運行的時候提示了什么錯誤?等會QQ聯(lián)系我一下,我?guī)湍憧纯?/p>
總結(jié)
以上是生活随笔為你收集整理的php三级实例,三级联动实例的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Qt|C/C++植物大战僵尸修改器(用户
- 下一篇: php书签源码,OneNav简约PHP导