ajax+dom+php+mysql实现多级联动效果
2012-03-02 19:45
666 查看
ajax-area-select.html
<!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="../../include/ajaxUtil.js"></script>
<script language="javascript" type="text/javascript">
var objectId="";
function getArea(id,objid){
objectId=objid;
var url="ajax-area-select-server.php";
var params="id="+id;
get(url,params,processData);
}
function processData(xhr){
//$$(objectId).innerHTML=xhr.responseText;
//先获取所有的select
var sel=document.getElementsByTagName("select");
//添加option
var op=document.createElement("option");
var text=document.createTextNode("objectId");
//追加到option中
op.appendChild(text);
sel.appendChild(op);
//document.getElementById("div1").appendChild(sel);
}
</script>
</head>
<body onload="getArea('','sheng')">
<div style="border:#3F0 dashed 1px;" id="div1">
<select id="sheng" onchange="getArea(this.value,'shi')"></select>省
<select id="shi" onchange="getArea(this.value,'xian')"></select>市
<select id="xian"></select>县
</body>
</html>
ajax-area-select-server.php
<?php
header("Content-Type:text/html;charset=utf-8");
include_once "../../include/dbConn.php";
$id=$_GET['id'];
$sql="select id,name from area where id like '".$id."__'";
$rs=mysql_query($sql);
$opstr="<option value='0'>==请选择==</option>";
while($rows=mysql_fetch_assoc($rs)){
$opstr.="<option value='".$rows['id']."'>".$rows['name']."</option>";
}
echo $opstr;
?>
<!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="../../include/ajaxUtil.js"></script>
<script language="javascript" type="text/javascript">
var objectId="";
function getArea(id,objid){
objectId=objid;
var url="ajax-area-select-server.php";
var params="id="+id;
get(url,params,processData);
}
function processData(xhr){
//$$(objectId).innerHTML=xhr.responseText;
//先获取所有的select
var sel=document.getElementsByTagName("select");
//添加option
var op=document.createElement("option");
var text=document.createTextNode("objectId");
//追加到option中
op.appendChild(text);
sel.appendChild(op);
//document.getElementById("div1").appendChild(sel);
}
</script>
</head>
<body onload="getArea('','sheng')">
<div style="border:#3F0 dashed 1px;" id="div1">
<select id="sheng" onchange="getArea(this.value,'shi')"></select>省
<select id="shi" onchange="getArea(this.value,'xian')"></select>市
<select id="xian"></select>县
</body>
</html>
ajax-area-select-server.php
<?php
header("Content-Type:text/html;charset=utf-8");
include_once "../../include/dbConn.php";
$id=$_GET['id'];
$sql="select id,name from area where id like '".$id."__'";
$rs=mysql_query($sql);
$opstr="<option value='0'>==请选择==</option>";
while($rows=mysql_fetch_assoc($rs)){
$opstr.="<option value='".$rows['id']."'>".$rows['name']."</option>";
}
echo $opstr;
?>
相关文章推荐
- ajax+dom+php+mysql实现多级联动效果
- 使用ajax+dom+php+mysql实现多级联动(省市县)
- 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效果
- ajax+js+dom+json+php+mysql实现仿百度、google的分页效果
- php ajax实现的二级(多级)联动菜单(2008-10-21,11:36:08)
- php+mysql实现的二级联动菜单效果详解
- php ajax实现的二级(多级)联动菜单(2008-10-21,11:36:08)
- ajax+js+dom+json+php+mysql实现漂亮的表格各行变色与google分页效果
- 【2012年最新原创AJAX案例,重磅推出】1、使用ajax+js+json+dom+php+mysql实现超强 Web聊天室V2.0
- PHP+Mysql+Ajax+JS实现省市区三级联动
- AJAX+PHP+MYSQL实现两个下拉框间的数据联动
- 使用AJAX+php+mysql实现省市县三级联动