<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>三级地址</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="TestAddress.js"></script>
<script type="text/javascript" src="TestChooseAddress.js"></script>
</head>
<SCRIPT LANGUAGE="JavaScript">
function loadProvince(regionId){
$("#id_provSelect").html("");
$("#id_provSelect").append("<option value=''>请选择省份</option>");
var jsonStr = getAddress(regionId,0);
for(var k in jsonStr) {
$("#id_provSelect").append("<option value='"+k+"'>"+jsonStr[k]+"</option>");
}
if(regionId.length!=6) {
$("#id_citySelect").html("");
$("#id_citySelect").append("<option value=''>请选择城市</option>");
$("#id_areaSelect").html("");
$("#id_areaSelect").append("<option value=''>请选择区域</option>");
} else {
$("#id_provSelect").val(regionId.substring(0,2)+"0000");
loadCity(regionId);
}
}
function loadCity(regionId){
$("#id_citySelect").html("");
$("#id_citySelect").append("<option value=''>请选择城市</option>");
if(regionId.length!=6) {
$("#id_areaSelect").html("");
$("#id_areaSelect").append("<option value=''>请选择区域</option>");
} else {
var jsonStr = getAddress(regionId,1);
for(var k in jsonStr) {
$("#id_citySelect").append("<option value='"+k+"'>"+jsonStr[k]+"</option>");
}
if(regionId.substring(2,6)=="0000") {
$("#id_areaSelect").html("");
$("#id_areaSelect").append("<option value=''>请选择区域</option>");
} else {
$("#id_citySelect").val(regionId.substring(0,4)+"00");
loadArea(regionId);
}
}
}
function loadArea(regionId){
$("#id_areaSelect").html("");
$("#id_areaSelect").append("<option value=''>请选择区域</option>");
if(regionId.length==6) {
var jsonStr = getAddress(regionId,2);
for(var k in jsonStr) {
$("#id_areaSelect").append("<option value='"+k+"'>"+jsonStr[k]+"</option>");
}
if(regionId.substring(4,6)!="00") {$("#id_areaSelect").val(regionId);}
}
}
</SCRIPT>
<body>
<br/><br/>
<select id="id_provSelect" name="provSelect" onChange="loadCity(this.value);"><option value="">请选择省份</option></select>
<select id="id_citySelect" name="citySelect" onChange="loadArea(this.value);"><option value="">请选择城市</option></select>
<select id="id_areaSelect" name="areaSelect"><option value="">请选择区域</option></select>
<SCRIPT LANGUAGE="JavaScript">loadProvince('440116');</SCRIPT>
</body>
</html>
TestAddress.rar （6个子文件） 
jquery-1.7.2.min.js 93KB TestAddress1.js 10KB
test.html 3KB TestChooseAddress.js 792B test1.html 2KB TestAddress.js 69KB
fengshuzhiwu
- 粉丝: 0
- 资源: 2
- 1
- 2
- 3
- 4
- 5
- 6
前往页