摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>三级联动实例</title> <link rel="stylesheet" href="">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>三级联动实例</title>
<link rel="stylesheet" href="">
</head>
<body>
省 <select name="" id="pro"></select>
市 <select name="" id="city"></select>
区 <select name="" id="area"></select>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
</body>
<script>
$(function(){
$.getJSON('demo.json',function(data){
let option = '<option value="">选择(省)</option>';
$.each(data,function(i){
option += '<option value="'+data[i].proId+'">'+data[i].proName+'</option>';
});
$('#pro').html(option);
});
$('#pro').change(function(){
$.getJSON('demo.json',function(data){
$.each(data,function(i){
if (data[i].proId == $('#pro').val()) {
option += '<option value="'+data[i].cityId+'">'+data[i].cityName+'</option>';
}
});
$('#city').html(option);
});
});
$('#city').change(function(){
$.getJSON('demo.json',function(data){
$.each(data,function(i){
if (data[i].cityId == $('#city').val()) {
option += '<option value="'+data[i].areaId+'">'+data[i].areaName+'</option>';
}
});
$('#area').html(option);
});
});
})
</script>
</html>//省
[
{
"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
}
]
//县区
[
{
"areaId": 1,
"areaName": "历下区",
"cityId": 1
},
{
"areaId": 2,
"areaName": "天桥区",
"cityId": 1
},
{
"areaId": 3,
"areaName": "市中区",
"cityId": 1
},
{
"areaId": 4,
"areaName": "长清区",
"cityId": 1
},
{
"areaId": 5,
"areaName": "曹县",
"cityId": 2
},
{
"areaId": 6,
"areaName": "单县",
"cityId": 2
},
{
"areaId": 7,
"areaName": "牡丹区",
"cityId": 2
},
{
"areaId": 8,
"areaName": "定陶县",
"cityId": 2
}
]跑不起来是什么原因，是服务器设置的问题吗？
批改老师：韦小宝批改时间：2019-01-22 16:34:46
老师总结：运行的时候提示了什么错误？等会QQ联系我一下，我帮你看看
