ajax+dom+php+mysql实现多级联动效果
2012-03-05 08:30
751 查看
.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 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> 县
.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;
?>
<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 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> 县
.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;
?>
相关文章推荐
- ajax+dom+php+mysql实现多级联动效果
- 使用ajax+dom+php+mysql实现多级联动(省市县)
- ajax+js+dom+json+php+mysql实现仿百度、google的分页效果
- js+ajax+dom+php+mysql实现goolgoal suggest 效果
- ajax+js+dom+json+php+mysql实现仿百度、google的分页隔行变色效果(加图片)
- Ajax+js+dom+json+php+mysql实现仿google的超强分页、隔行变色效果
- Ajax+js+dom+json+php+mysql实现仿百度、google超强分页效果
- ajax+php+dom+json+mysql实现googl搜索的效果
- ajax+js+dom+json+php+mysql 实现google suggest效果
- ajax+js+dom+json+php+mysql实现仿百度、google的分页效果
- ajax+js+dom+json+php+mysql 实现google suggest效果
- ajax+js+dom+json+php+mysql 实现google suggest效果
- 使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
- 用php+mysql+json+js+ajax实现省市县三级联动
- php+js+ajax+mysql实现省市三级联动
- php ajax实现的二级(多级)联动菜单(2008-10-21,11:36:08)
- php ajax实现的二级(多级)联动菜单(2008-10-21,11:36:08)
- AJAX+PHP+MYSQL实现两个下拉框间的数据联动
- php ajax实现的二级(多级)联动菜单(2008-10-21,11:36:08)
- 使用AJAX+php+mysql实现省市县三级联动