我發現在http://ip.qq.com/ 的網站中有QQ自己的JS省市區三級連動。所以研究了一下。他的界面如下：
何不直接使用的數據呢？
驚喜的是QQ是使用引用外部JS來實現三級連動的。 JS如下：http://ip.qq.com/js/geo.js
使用方法如下：
複製代碼代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>QQ JS省市區三級連動</title>
<!-- 直接使用QQ的省市區資料-->
<!--
<script type="text/javascript" src="http://ip.qq.com/js/geo.js"></script>
-->
<script type="text/javascript" src="geo.js"></script>
</head>
<body onload="setup();preselect('陝西省');promptinfo();">
<form>
<select name="province" id="s1">
<option></option>
</select>
<select name="city" id="s2">
<option></option>
</select>
<select name="town" id="s3">
<option></option>
</select>
<input id="address" name="address" type="hidden" value="" />
<input onclick="alert(document.getElementById('address').value); return false;" type="submit" value="提交" />
</form>
<script>
//這個函數是必須的，因為在geo.js裡每次更改地址時都會呼叫此函數
function promptinfo()
{
var address = document.getElementById('address');
var s1 = document.getElementById('s1');
var s2 = document.getElementById('s2');
var s3 = document.getElementById('s3');
address.value = s1.value + s2.value + s3.value;
}
</script>
</body>
</html>