php第二十四节课
三级联动
<!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="jquery-1.11.2.min.js"></script>
<script src="sanji.js"></script>
</head>
<body>
<div id="sanji"></div>
</body>
</html>
// JavaScript Document
$(document).ready(function(e) {
//将DIV里面写入三个下拉列表
$("#sanji").html("<select id='sheng'></select><select id='shi'></select><select id='qu'></select>");
//填充内容
//1.填充省
FillSheng();
//2.填充市
FillShi();
//3.填充区
FillQu();
//如果省选中变化的时候,去填充市和区
$("#sheng").change(function(){
//改变市
FillShi();
//改变区
FillQu();
})
//如果市选中变化的时候,去填充区
$("#shi").change(function(){
//改变区
FillQu();
})
//填充省的方法
function FillSheng()
{
//找到父级代号
var pcode = "0001";
//调用Ajax
$.ajax({
async:false,
url:"chuli.php",
data:{pcode:pcode},
type:"POST",
dataType:"TEXT",
success: function(data){
var str = "";
var hang = data.split("|");
for(var i=0; i<hang.length;i++)
{
var lie = hang[i].split("^");
str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
}
$("#sheng").html(str);
}
});
}
//填充市的方法
function FillShi()
{
//找到父级代号
var pcode = $("#sheng").val();
//调用Ajax
$.ajax({
async:false,
url:"chuli.php",
data:{pcode:pcode},
type:"POST",
dataType:"TEXT",
success: function(data){
var str = "";
var hang = data.split("|");
for(var i=0; i<hang.length;i++)
{
var lie = hang[i].split("^");
str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
}
$("#shi").html(str);
}
});
}
//填充区的方法
function FillQu()
{
//找到父级代号
var pcode = $("#shi").val();
//调用Ajax
$.ajax({
async:false,
url:"chuli.php",
data:{pcode:pcode},
type:"POST",
dataType:"TEXT",
success: function(data){
var str = "";
var hang = data.split("|");
for(var i=0; i<hang.length;i++)
{
var lie = hang[i].split("^");
str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
}
$("#qu").html(str);
}
});
}
});
<?php
//取到传过来的父级代号
$pcode = $_POST["pcode"];
//引入数据操作类
include("DBDA.php");
$db = new DBDA();
//写SQL语句
$sql = "select AreaCode,AreaName,ParentAreaCode from ChinaStates where ParentAreaCode='{$pcode}'";
//执行
echo $db->StrQuery($sql);
最新文章
- CSS自适应布局(包括两边宽度固定中间宽度自适应与中间宽度固定两边宽度自适应)
- Javascript 笔记与总结(2-6)var
- html部分---样式表,选择器;
- Python中的注释(转)
- Springmvc+uploadify实现文件带进度条批量上传
- php分页类的二种调用方法(转载)
- ScriptManager局部刷新
- PAT (Advanced Level) 1011. World Cup Betting (20)
- ORACLE的Dead Connection Detection浅析
- IEnumerable和IQueryable接口
- Java基础—标识符及命名规范
- sublime text3简体中文版汉化教程
- jquery选择器和属性
- zabbix 3.2源码安装
- Linux下Python与C++混合编程
- ORA-01507: database not mounted
- MPI2 编程环境搭建 MPI4PY 编程环境搭建
- PHPCMS的产品筛选功能
- 【BZOJ1562】【NOI2009】变换序列(二分图匹配)
- lr11 controller打开提示cannot initialize driver dll,exiting
热门文章
- SpringMVC上传文件后返回文件服务器地址路径
- ReSharper warns: “Static field in generic type”
- 【bug】【userAgent】极速模式与非极速模式存在差异
- BZOJ_4800_[Ceoi2015]Ice Hockey World Championship_双指针
- 【POJ 1144】 Network
- 10 探索其他Excel对象
- 杂项-Java:FreeMarker
- bzoj4868
- 基于ELK的传感器数据分析练习
- bzoj 1702: [Usaco2007 Mar]Gold Balanced Lineup 平衡的队列【hash】