zxfy
用jQuery的ajax方法,结合PHP,轻松实现省市级的二级联动:
新建area.php
<?
$dbc=mysqli_connect("localhost","xxxx","xxxxxxxxxx","test") or die("can not connect to mysql ".mysqli_ERROR());
mysqli_query($dbc,"set names utf8");
header("content-Type:text/html;charset=utf-8");
if($_request['do']=="search" && $_REQUEST['pid']){
$str="";
$str='<select id="down_area" name="down_area">';
$r="select areaid,name from `china_areas` where parentid='".$_REQUEST['pid']."' order by vieworder asc;";
$q=mysqli_query($dbc,$r);
while(list($areaid,$name)=mysqli_fetch_array($q,MYSQLI_NUM)){
$str.='<option value="'.$areaid.'">'.$name.'</option>';
}
$str.='</select>';
echo $str;exit;
}
?>
<!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>无刷新二级联动</title>
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script language="JavaScript">
function down_area(obj){
$.ajax({
type: "POST",
url: "area.php",
data: "do=search&pid="+obj.value,
success: function(msg){
$("#area_list").html(msg);
}
});
}
</script>
<style>
body{font:12px Arial, "微软雅黑", sans-serif;color:#666;line-height:22px;}
</style>
</head>
<body>
<p style="height:250px;"> </p>
<p align="center">
地区:
<select id="area" name="area" onchange="down_area(this);">
<?
$r="select areaid,name from `china_areas` where parentid='0' order by vieworder asc;";
$q=mysqli_query($dbc,$r);
while(list($areaid,$name)=mysqli_fetch_array($q,MYSQLI_NUM)){
?>
<option value="<?=$areaid;?>"><?=$name;?></option>
<?
}
?>
</select> <span id="area_list"></span>
</p>
</body>效果如图：
下拉选择广东省后：
相关阅读
转载请注明出处 目录 目录 简介 代码 重要函数 简介 主要是尝试简单的使用pyhton的爬虫功能，于是使用有道进行尝
实例 11-1 实现拨号上网 本例知识要点：1． 远程访问服务（RAS）简介远程访问服务（Remote Access Service 简称RAS）是Windows 操作系
rhcs实现服务级别的高可用(httpd为例)和fence的原理及
rhcs实现服务级别的高可用rhcs是用来实现高可用的一个红帽套件。下来我将介绍如何安装配置rhcs和用rhcs实现httpd的高可用。操作
几乎所有的APP都会用到页面纵向滑动的效果，我们甚至可以把几乎两个字去掉。页面纵向滑动效果就是用户可以实现上下滑动手机屏幕来
一、WebService是什么WebService是一种跨语言跨平台的远程调用技术。所谓跨语言跨平台就是说服务端采用java编写，客户端程序则可以