php+js+mysql实现省市区三级联动

罗三胖不胖 2017-05-24 06:44:30
getDetails.php


<?php

header("Content-Type: text/html; charset=utf-8");

//$conn = new COM("ADODB.Connection") or die("Cannot start ADO");

//$connstr = "Provider=MYSQL;Persist Security Info=False;User ID=root;Password=root;Initial Catalog=myshuju;Data Source=localhost";

include("conn.php");

function Execute()

{

	

}

if($_REQUEST['id']==0){//获得省列表

$conn->execute($connstr); //建立数据库连接

$sqlstr = "select name from province"; //设置查询字符串

$rs = $conn->Execute($sqlstr); //执行查询获得结果

$num_cols = $rs->Fields->Count(); //得到数据集列数

$province=array();

$i=0;

while (!$rs->EOF) {

$Province[$i]=$rs->Fields['name']->Value.",";

$rs->MoveNext();

$i++;

}

foreach($Province as $val)

echo $val;

$conn->Close();

$rs = null;

$conn = null;

}

if($_REQUEST['ID']>0&&$_REQUEST['ID']<35){//获得省对应的市列表

//$conn->Open($connstr); //建立数据库连接

$sqlstr = "select name from city where cityid=".$_REQUEST['ID']; //设置查询字符串

$rs = $conn->Execute($sqlstr); //执行查询获得结果

$num_cols = $rs->Fields->Count(); //得到数据集列数

$City=array();

$i=0;

while (!$rs->EOF) {

$City[$i]=$rs->Fields['name']->Value.",";

$rs->MoveNext();

$i++;

}

foreach($City as $val)

echo $val;

$conn->Close();

$rs = null;

$conn = null;

}

if($_REQUEST['ID']>100){//获得省市对应的县列表

//$conn->Open($connstr); //建立数据库连接

$sqlstr = "select name from country where areaid=".$_REQUEST['ID']; //设置查询字符串

$rs = $conn->Execute($sqlstr); //执行查询获得结果

$num_cols = $rs->Fields->Count(); //得到数据集列数

$County=array();

$i=0;

while (!$rs->EOF) {

$county[$i]=$rs->Fields['name']->Value.",";

$rs->MoveNext();

$i++;

}

foreach($county as $val)

echo $val;

$conn->Close();

$rs = null;

$conn = null;

}

?>

thumbnails.js


window.onload = getProvince;

var request={};

function createRequest() {//Ajax于PHP交互需要对象

  "use strict";

	try 

	{

    request = new XMLHttpRequest();//创建一个新的请求对象;

    } catch (tryMS) {

    try 

	{

      request = new ActiveXObject("Msxml2.XMLHTTP");

    } catch (otherMS) {

      try 

	  {

        request = new ActiveXObject("Microsoft.XMLHTTP");

      } catch (failed) {

        request = null;

      }

    }

  }

  return request;

}

 

function sech(id) {//省市改变时触发，select的onchange事件

 "use strict";

    var aa = document.getElementById(id);

if(id=="sheng"){

      getCity(aa.value);//这里aa.value为省的id

}

if(id=="shi")

{

getCounty(aa.value);//这里aa.value为市的id

}

 

}

 

function getProvince() {//获取所有省

	"use strict";

  request= createRequest();

  if (request == null) {

    alert("Unable to create request");

    return;

  }

  var url= "getDetails.php?ID=0";//ID=0时传递至PHP时让其获取所有省

  request.open("GET", url, true);

  request.onreadystatechange = displayProvince; //设置回调函数

  request.send(null);    //发送请求

}

 

function getCity(id){//获取省对应的市

	"use strict";

  request = createRequest();

  if (request == null) {

    alert("Unable to create request");

    return;

  }

  var url= "getDetails.php?ID=" + escape(id);

  request.open("GET", url, true);

  request.onreadystatechange = displayCity;

  request.send(null);

}

 

function getCountry(id){//获取市对应的区

	"use strict";

  request = createRequest();

  if (request == null) {

    alert("Unable to create request");

    return;

  }

  var url= "getDetails.php?ID=" + escape(id);

  request.open("GET", url, true);

  request.onreadystatechange = displayCounty;

  request.send(null);

}

 

  

function displayProvince() {//将获取的数据动态增加至select

	"use strict";

  if (request.readyState == 4) {

    if (request.status == 200) {

  var a=new Array;

var b=request.responseText;//将PHP返回的数据赋值给b

 a=b.split(",");//通过","将这一数据保存在数组a中

  document.getElementById("sheng").length=1;

  var obj=document.getElementById("sheng"); 

  for(var i=0;i<a.length;i++)

  {

	  obj.options.add(new Option(a[i],i+1)); //动态生成OPTION加到select中，第一个参数为Text,第二个参数为Value值.

  }

      

 

    }

  }

}

 

  

function displayCity() {//将获取的数据动态增加至select

	"use strict";

  if (request.readyState == 4)

  {

    if (request.status == 200) 

	{

  var a=new Array;

  var b=request.responseText;

  a=b.split(",");

  document.getElementById("shi").length=1;//重新选择

  document.getElementById("xian").length=1;//重新选择

if(document.getElementById("sheng").value!="province"){

  var obj=document.getElementById('shi'); 

  for(var i=0;i<a.length;i++)

	  {

		   obj.options.add(new Option(a[i], document.getElementById("sheng").value*100+i+1)); //ocument.getElementById("sheng").value*100+i+1对应的是市的ID。

	  }

     

}

 

    }

  }

}

 

function displayCountry() {//将获取的数据增加至select

	"use strict";

  if (request.readyState == 4) {

    if (request.status == 200) {

  var a=new Array;

var b=request.responseText;

 a=b.split(",");

 document.getElementById("xian").length=1;

if(document.getElementById("sheng").value!="province"&&document.getElementById("shi").value!="city"){

  var obj=document.getElementById('xian'); 

  for(i=0;i<a.length;i++)

	  {

		  obj.options.add(new Option(a[i],i+1001));

	  }

      

}

 

    }

  }

}

index.html


<!doctype html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script src="/jilian/thumbnails.js" type="text/javascript"></script>

<title>省市区联动</title>

</head>



<body>

	<div id="description">

		<select style="width: 100px;" onChange="sech(this.id)" id="sheng">

			<option value="province">请选择省份</option>

		</select>

		<select onChange="sech(this.id)" id="shi">

			<option value="city">请选择市区</option>

		</select>

		<select onChange="sech(this.id)" id="xian">

			<option value="country">请选择县</option>

		</select>

	</div>

</body>

</html>

出现错误

这些代码是网上分享的，一直有错误，求各路大神指点，我是新手，，谢谢了
...全文
335 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
罗三胖不胖 2017-05-25
  • 打赏
  • 举报
 回复
引用 3 楼 xuzuning 的回复:
if($_REQUEST['id']==0){//获得省列表 没有传入名为 id 的 url 或表单变量 可以回避错误信息：if(@$_REQUEST['id']==0){//获得省列表 $conn->execute($connstr); //建立数据库连接 MySqli 对象没有 execute 方法，且 mysqli_execute()已经被废弃并且将会被移除。 另外你的 数据库类真是“高级” $conn->execute($connstr); //建立数据库连接 $rs = $conn->Execute($sqlstr); //执行查询获得结果 居然可以用一个方法完成互不相干的工作
我看出来这两个有问题了，就是一直检查代码不知道从哪里改 我是想用js+php+mysql+ajax做出一个省市区联动的
罗三胖不胖 2017-05-25
  • 打赏
  • 举报
 回复
引用 4 楼 fdipzone 的回复:
if($_REQUEST['id']==0){//获得省列表
改为
if(isset($_REQUEST['id']) && $_REQUEST['id']==0){//获得省列表

$conn->execute($connstr); //建立数据库连接
这句写错了，建立连接应该connect不是execute的

按照您的方法更改了一下，之前的那些错误也没了，就是剩下一下没有ID没有定义，经常会遇到这个问题，写php的时候老师说ID没定义换成小写也是一样



if($_REQUEST['ID']>0&&$_REQUEST['ID']<35){//获得省对应的市列表

//$conn->Open($connstr); //建立数据库连接

$sqlstr = "select name from city where cityid=".$_REQUEST['ID']; //设置查询字符串

$rs = $conn->Execute($sqlstr); //执行查询获得结果

$num_cols = $rs->Fields->Count(); //得到数据集列数

$City=array();

$i=0;

while (!$rs->EOF) {

$City[$i]=$rs->Fields['name']->Value.",";

$rs->MoveNext();

$i++;

}

foreach($City as $val)

echo $val;

$conn->Close();

$rs = null;

$conn = null;

}

if($_REQUEST['ID']>100){//获得省市对应的县列表

//$conn->Open($connstr); //建立数据库连接

$sqlstr = "select name from country where areaid=".$_REQUEST['ID']; //设置查询字符串

$rs = $conn->Execute($sqlstr); //执行查询获得结果

$num_cols = $rs->Fields->Count(); //得到数据集列数

$County=array();

$i=0;

while (!$rs->EOF) {

$county[$i]=$rs->Fields['name']->Value.",";

$rs->MoveNext();

$i++;

}

您给看看 谢谢您的解答
傲雪星枫 2017-05-25
  • 打赏
  • 举报
 回复
if($_REQUEST['id']==0){//获得省列表 改为 if(isset($_REQUEST['id']) && $_REQUEST['id']==0){//获得省列表 $conn->execute($connstr); //建立数据库连接 这句写错了，建立连接应该connect不是execute的
xuzuning 2017-05-25
  • 打赏
  • 举报
 回复
if($_REQUEST['id']==0){//获得省列表 没有传入名为 id 的 url 或表单变量 可以回避错误信息：if(@$_REQUEST['id']==0){//获得省列表 $conn->execute($connstr); //建立数据库连接 MySqli 对象没有 execute 方法，且 mysqli_execute()已经被废弃并且将会被移除。 另外你的 数据库类真是“高级” $conn->execute($connstr); //建立数据库连接 $rs = $conn->Execute($sqlstr); //执行查询获得结果 居然可以用一个方法完成互不相干的工作
果酱很好吃 2017-05-25
  • 打赏
  • 举报
 回复
mysqli 没有 execute 这个方法 贴出你的 conn.php 文件
a610531444 2017-05-25
  • 打赏
  • 举报
 回复
你仔细看错误提示 删除getDetails.php第九行的”}“ function Execute() { }
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能 要求：写一个省市区（或者年月日）的三级联动，实现地区或时间的下拉选择。 实现技术：php ajax 实现：省级下拉变化时市下拉区下拉跟着变化，市级下拉变化时区下拉...
PHP+Mysql+Ajax+JS实现省市区三级联动
最近做了个项目，需要用到省市区三级联动，上网翻了不少资料，于是有了下面的思路和代码
python+django+mysql实现pdf转word项目实战
python+django+mysql实现pdf转word项目实战包括python基础课程 和一个pdf转word项目。python 基础课程主要讲解了在项目实际开发过程中经常应用到的知识点，共15节视频，包括python和pycharm的安装，python基础...
php+mysql+jquery二级关联菜单[带数据库]
此版是对本站fujun2013上传的php+mysql+jquery省市区三级联动菜单[带数据库]进行改进的精简版本，在一定程度上提高了代码运行效率。 主体程序只有2个文件（index.php和jquery.js），附赠sql数据库一个，方便载入调用...
落伍首发 php+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单
绝对原创 测试地址：... <head> <... charset=gb2312″ /> <title>php+ajax动态生成下拉菜单</title> [removed][removed] </head> <body> <form name=”form1″ metho
基础编程

21,886

社区成员

140,364

社区内容

发帖
与我相关
我的任务
社区描述
从PHP安装配置，PHP入门，PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章