思路：
1、建立一些空的下拉菜單
2、先初始化省份的列表
3、當我們選擇省份時，對應顯示該省所有的市，選擇了市，則顯示該市所有的縣。
實現1：使用innerHTML的方式 向select中插入內容（不兼容ie）
實現2：
1、修改服務器端返回的數據格式(text)
2、客戶端可以使用dom、js數組進行解析
然後通過js向下拉菜單中增加選項
實現3、
1、修改服務器端返回的數據格式(json)
2、客戶端可以使用dom、js數組進行解析
然後通過對象，js向下拉菜單中增加選項
實現仿google的分頁效果 ajax+json+dom+php+mysql
代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax+dom+php+mysql實現多級聯動效果</title>
<script language="javascript" type="text/javascript" src="ajaxUtil.js"></script>
<script language="javascript" type="text/javascript">
var objectId="";
//定義函數，獲取數據庫的省份數據
function getArea(id,objid){
objectId=objid;
//定義url
var url="ajax-area-select-server.php";
//alert(url);
//定義參數
var params="id="+id;
//調用ajax進行交互
get(url,params,processData);
}
//處理服務器端返回的數據庫，並且顯示
function processData(xhr){
//得到交互的數據並且顯示出來
$$(objectId).innerHTML=xhr.responseText;//alert(xhr.responseText);
}
</script>
</head>
<body onload="getArea('','sheng')">
<div style="border:#00F dashed 1px;">
<select id="sheng" onchange="getArea(this.value,'shi')"></select> 省
<select id="shi" onchange="getArea(this.value,'xian')"></select> 市
<select id="xian"></select> 縣
</div>
</body>
</html>