<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>省市区三级联动[JSON+Jquery]</title>
<script src="js/jquery-1.7.min.js" type="text/javascript"></script>
<script src="js/CityJson.js" type="text/javascript"></script>
<script src="js/ProJson.js" type="text/javascript"></script>
<script src="js/DistrictJson.js" type="text/javascript"></script>
<script type="text/javascript">
var prov ;
var city ;
var dist ;
$(function () {
//$.each(province, function (k, p) {
// var option = "<option value='" + p.ProID + "'>" + p.ProName + "</option>";
// $("#selProvince").append(option);
//});
var option = "<option value='26'>宁夏回族自治区</option>";
$("#selProvince").append(option);
$("#selProvince").change(function () {
var selValue = $(this).val();
$("#selCity option:gt(0)").remove();
$.each(city, function (k, p) {
if (p.ProID == selValue) {
var option = "<option value='" + p.CityID + "'>" + p.CityName + "</option>";
$("#selCity").append(option);
//city = p.CityName;
}
});
});
$("#selCity").change(function () {
var selValue = $(this).val();
$("#selDistrict option:gt(0)").remove();
$.each(District, function (k, p) {
if (p.CityID == selValue) {
var option = "<option value='" + p.Id + "'>" + p.DisName + "</option>";
$("#selDistrict").append(option);
dist=p.DisName;
}
});
});
});
function ok(){
var prov=$("#selProvince option:selected");
var city=$("#selCity option:selected");
var dist=$("#selDistrict option:selected");
alert("省："+prov.text()+"市："+city.text()+" 县、区："+dist.text());//
};
</script>
</head>
<body>
<select id="selProvince" >
<option value="0" >--请选择省份--</option>
</select>
<select id="selCity">
<option value="0" >--请选择城市--</option>
</select>
<select id="selDistrict">
<option value="0" >--请选择区/县--</option>
</select>
<input type="button" onclick="ok();" value="确定" />
</body>
</html>
test.rar （5个子文件） 
test 
test.html 3KB js 
jquery-1.7.min.js 92KB CityJson.js 26KB DistrictJson.js 162KB ProJson.js 3KB资源评论
jiehu09922019-04-08还行可用，谢谢
hard_coding_wang2019-04-28没事 希望能帮助到你
hard_coding_wang
- 粉丝: 342
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
