您的位置：首页 > 运维架构 > 网站架构

使用腾讯IP分享计划网站中的纯JS省市区三级联动

2016-01-22 12:09 597 查看

JS地址：http://ip.qq.com/js/geo.js

实例如下：

<!DOCTYPE html>
<html>
<head>
<title>省市区三级联动</title>
<script src="http://ip.qq.com/js/geo.js" type="text/javascript" charset="gb2312"></script>
<script src="http://code.jquery.com/jquery-1.12.0.min.js" type="text/javascript"></script>
</head>
<body>
<form>
<select class="select" name="province" id="s1">
<option></option>
</select>
<select class="select" name="city" id="s2">
<option></option>
</select>
<select class="select" name="town" id="s3">
<option></option>
</select>
<input id="address" name="address" type="hidden" value="" />
<input type="submit" value="提交" />
</form>
<script>

$(function () {
//初始化地址选择
setup();
if ($("#address").val() == "") {
preselect('四川省');
promptinfo();
}
else {
//初始化已有地址
var valArr = $("#address").val().split(",");
$("#s1").val(valArr[0]);
change(1);
$("#s2").val(valArr[1]);
change(2);
$("#s3").val(valArr[2]);
}
});
//这个函数是必须的，因为在geo.js里每次更改地址时会调用此函数
function promptinfo(){
}

</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航