.html文件
<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){
//alert(xhr.responseText);
//获取省的下拉菜单的对象
$$(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> 县
.php文件
<?php
header("Content-Type:text/html;charset=utf-8");
//包含数据库连接
include_once "../include/dbConn.php";
//获取获取客户端传来的数据
$id=$_GET['id'];
//定义sql
$sql="select id,name from area where id like '".$id."__'";
//查询
$rs=mysql_query($sql);
$opstr="<option value='0'>==请选择==</option>";
//遍历查询结果,并且拼装html代码
while($rows=mysql_fetch_assoc($rs)){
//拼装下拉选项
$opstr.="<option value='".$rows['id']."'>".$rows['name']."</option>";
}
echo $opstr;
?>