<!doctype html>
<html lang="en">
<head>
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script src="jquery1.8.3.min.js"></script>
<script src="address.js"></script>
<script>
$(document).ready(function(){//加载事件。页面加载完毕后执行function内的代码
$("#province").append("<option value=''>-----请选择----</option>");
//默认显示所有省
$.each(pdata,function(){
if(this.level=='0'){
$("#province").append("<option value='"+this.code+"'>"+this.names+"</option>");
}
});
$("#province").change(function(){
var province=$("#province").val();
var proSub=province.substring(0,2);
$("#city").empty();
$("#city").append("<option value=''>-----请选择----</option>");
$.each(pdata,function(){
if(this.level=='1'&&this.code.substring(0,2)==proSub){
$("#city").append("<option value='"+this.code+"'>"+this.names+"</option>");
}
});
getAddr();
});
$("#city").change(function(){
var city=$("#city").val();
var cityS=city.substring(0,4);
//$("#city").html('');
$("#dist").empty();
$("#dist").append("<option value=''>-----请选择----</option>");
$.each(pdata,function(){
if(this.level=='2'&&this.code.substring(0,4)==cityS){
$("#dist").append("<option value='"+this.code+"'>"+this.names+"</option>");
}
});
getAddr();
});
$("#dist").change(function(){
getAddr();
});
});
function getAddr(){
var sheng=$("#province option:selected").text();
var shi=$("#city option:selected").text();
var xian=$("#dist option:selected").text();
$("#address").val(sheng+shi+xian);
}
</script>
</head>
<body>
<select id="province"></select>
<select id="city"></select>
<select id="dist"></select>
<input type="text" id="address"/>
</body>
</html>
jq 省市县级联
猜你喜欢
转载自blog.csdn.net/qq_32295383/article/details/81228242
今日推荐
周排行