<!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";
//定义参数
var params="id="+id;
//调用ajax 进行交互
get(url,params,processData);
}
//处理服务器端返回的数据库,并且显示
function processData(xhr){
//获取省的下拉菜单的对象
$$(objectId).innerHTML=xhr.responseText;
}
</script>
</head>
<body οnlοad="getArea('','sheng')">
<div style="border:#00F dashed 1px;">
<select id="sheng" οnchange="getArea(this.value,'shi')"></select>省
<select id="shi" οnchange="getArea(this.value,'xian')"></select>市
<select id="xian"></select>县(区)
</div>
</body>
</html>