PHP+ajax实现省市县三级联动
2017-09-16 10:05
746 查看
//首页
<?php
header('content-type:text/html;charset=utf-8');
$conn=mysql_connect('localhost','root','')or die('数据库连接失败!');
mysql_select_db('test',$conn);
mysql_query('set names utf8');
$sql='select * from base_area where pid= 0';
$res=mysql_query($sql);
?>
<!DOCTYPE html>
<html>
<head>
<title>省市县三级联动</title>
<script type="text/javascript" src="./jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#one").change(function(){
$.ajax({
type:'get',
url:'two.php?ran='+Math.random()+"&oneId="+$(this).val(),
dataType:'html',
success:function(data){
$("#two").html(data);
}
})
})
})
</script>
<script type="text/javascript">
$(function(){
$("#two").change(function(){
$.ajax({
type:'get',
url:'three.php?ran='+Math.random()+"&twoId="+$(this).val(),
dataType:'html',
success:function(data){
$("#three").html(data);
}
})
})
})
</script>
</head>
<body>
<select id='one'>
<option value="-1">请选择省</option>
<?php
while($row=mysql_fetch_assoc($res))
{
?>
<option value="<?php echo $row['areaid'];?>"><?php echo $row['name'];?></option>
<?php
}
?>
</select>
<select id='two'>
<option value="-1">请选择市</option>
</select>
<select id='three'>
<option value="-1">请选择县</option>
</select>
</body>
</html>
//two.php
<?php
header('content-type:text/html;charset=utf-8');
$oneId=$_GET['oneId'];
$conn=mysql_connect('localhost','root','')or die('数据库连接失败!');
mysql_select_db('test',$conn);
mysql_query('set names utf8');
$sql="select * from base_area where pid={$oneId}";
$result=mysql_query($sql);
?>
<?php
while($row=mysql_fetch_assoc($result))
{
?>
<option value="<?php echo $row['areaid'];?>"><?php echo $row['name'];?></option>
<?php
}
?>
//three.php
<?php
header('content-type:text/html;charset=utf-8');
$twoId=$_GET['twoId'];
$conn=mysql_connect('localhost','root','')or die('数据库连接失败!');
mysql_select_db('test',$conn);
mysql_query('set names utf8');
$sql="select * from base_area where pid={$twoId}";
$result=mysql_query($sql);
?>
<?php
while($row=mysql_fetch_assoc($result))
{
?>
<option value="<?php echo $row['areaid'];?>"><?php echo $row['name'];?></option>
<?php
}
?>
<?php
header('content-type:text/html;charset=utf-8');
$conn=mysql_connect('localhost','root','')or die('数据库连接失败!');
mysql_select_db('test',$conn);
mysql_query('set names utf8');
$sql='select * from base_area where pid= 0';
$res=mysql_query($sql);
?>
<!DOCTYPE html>
<html>
<head>
<title>省市县三级联动</title>
<script type="text/javascript" src="./jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#one").change(function(){
$.ajax({
type:'get',
url:'two.php?ran='+Math.random()+"&oneId="+$(this).val(),
dataType:'html',
success:function(data){
$("#two").html(data);
}
})
})
})
</script>
<script type="text/javascript">
$(function(){
$("#two").change(function(){
$.ajax({
type:'get',
url:'three.php?ran='+Math.random()+"&twoId="+$(this).val(),
dataType:'html',
success:function(data){
$("#three").html(data);
}
})
})
})
</script>
</head>
<body>
<select id='one'>
<option value="-1">请选择省</option>
<?php
while($row=mysql_fetch_assoc($res))
{
?>
<option value="<?php echo $row['areaid'];?>"><?php echo $row['name'];?></option>
<?php
}
?>
</select>
<select id='two'>
<option value="-1">请选择市</option>
</select>
<select id='three'>
<option value="-1">请选择县</option>
</select>
</body>
</html>
//two.php
<?php
header('content-type:text/html;charset=utf-8');
$oneId=$_GET['oneId'];
$conn=mysql_connect('localhost','root','')or die('数据库连接失败!');
mysql_select_db('test',$conn);
mysql_query('set names utf8');
$sql="select * from base_area where pid={$oneId}";
$result=mysql_query($sql);
?>
<?php
while($row=mysql_fetch_assoc($result))
{
?>
<option value="<?php echo $row['areaid'];?>"><?php echo $row['name'];?></option>
<?php
}
?>
//three.php
<?php
header('content-type:text/html;charset=utf-8');
$twoId=$_GET['twoId'];
$conn=mysql_connect('localhost','root','')or die('数据库连接失败!');
mysql_select_db('test',$conn);
mysql_query('set names utf8');
$sql="select * from base_area where pid={$twoId}";
$result=mysql_query($sql);
?>
<?php
while($row=mysql_fetch_assoc($result))
{
?>
<option value="<?php echo $row['areaid'];?>"><?php echo $row['name'];?></option>
<?php
}
?>
相关文章推荐
- php+js+ajax+mysql实现省市三级联动
- 用php+mysql+json+js+ajax实现省市县三级联动
- PHP+Ajax三种方法实现省市县三级联动
- 使用AJAX+php+mysql实现省市县三级联动
- 使用AJAX+php+mysql实现省市县三级联动
- 由ajax,js,xml,php实现的三级联动省市县下拉功能
- php+vue.js 实现省市县乡的四级联动(ajax加载)
- AJAX 实现省市县地名三级联动
- ThinkPHP利用Ajax实现省市县地区三级联动
- php jquery ajax json 全国省市区三级联动下拉列表 简单实现
- AJAX+JSON 实现省市县地名三级联动
- Ajax实现省市县三级联动
- php+vue.js 实现省市县乡的四级联动(ajax加载)
- PHP+Ajax三种方法实现省、市、县三级联动
- php+ajax实现三级联动(以省市县三级联动为例)
- php ajax 实现三级省市区联动
- Ajax 实现省市县 三级联动【无刷新】三层 | 三级联动—有刷新
- 使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
- 利用php mysqsl dom 实现省市县三级联动
- 使用三层实现省市县三级联动(利用ajax实现无刷新效果)