<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>纯JS省市区三级联动demo</title>
<script type="text/javascript" src="./addr_update.js"></script>
</head>
<body>
<form>
<select class="select" name="province" id="s_province">
<option></option>
</select>
<select class="select" name="city" id="s_city">
<option></option>
</select>
<select class="select" name="town" id="s_county">
<option></option>
</select>
</form>
</body>
<script type="text/javascript">
// 改装后的初始化省市区的方法
initAddress();
// 自定义一个可设置省市区方法示例,如果多个页面需要可封装成公共方法直接调用即可
function set_addr(province,city,county) {
var $province=document.getElementById('s_province');
// 设置值并模拟人为select下拉框的改变事件
$province.onchange($province.value=province);
if(city){
var $city=document.getElementById('s_city');
$city.onchange($city.value=city);
}
if(county){
var $town=document.getElementById('s_county');
$town.value=county; // 仅设置值即可,此处已不需要再模拟change改变事件了
}
}
// set_addr('四川省');
// set_addr('四川省','成都市');
set_addr('四川省','成都市','成华区');
</script>
</html>
