php省城联动_使用php ajax实现一个省市区的三级联动

﹏ヽ暗。殇╰゛Y 2023-01-08 15:26 85阅读 0赞

要求：写一个省市区(或者年月日)的三级联动，实现地区或时间的下拉选择。

实现技术：php ajax

实现：省级下拉变化时市下拉区下拉跟着变化，市级下拉变化时区下拉跟着变化。

使用chinastates表查询

Ajax加载数据

完成效果如下：

![Image 1][]

实现三级联动  以后可能 还会用到 所以 可以将其封装为一个方法

新建一个JS页面

代码如下：

// JavaScript Document

$(document).ready(function(e) \{

//向DIV里面扔三个下拉

var str = "";

$("\#sanji").html(str);

FillSheng();

FillShi();

FillQu();

$("\#sheng").change(function()\{

FillShi();

FillQu();

\})

$("\#shi").change(function()\{

FillQu();

\})

\});

//填充省的方法

function FillSheng()

var pcode = "0001";

$.ajax(\{

async:false,

url:"chuli.php",

data:\{pcode:pcode\},

type:"POST",

dataType:"TEXT",

success: function(data)\{

var hang = data.split("|");

var str = "";

for(var i=0;i

var lie = hang\[i\].split("^");

str += ""+lie\[1\]+"";

$("\#sheng").html(str);

\});

//填充市的方法

function FillShi()

var pcode = $("\#sheng").val();

$.ajax(\{

async:false,

url:"chuli.php",

data:\{pcode:pcode\},

type:"POST",

dataType:"TEXT",

success: function(data)\{

var hang = data.split("|");

var str = "";

for(var i=0;i

var lie = hang\[i\].split("^");

str += ""+lie\[1\]+"";

$("\#shi").html(str);

\});

//填充区的方法

function FillQu()

var pcode = $("\#shi").val();

$.ajax(\{

url:"chuli.php",

data:\{pcode:pcode\},

type:"POST",

dataType:"TEXT",

success: function(data)\{

var hang = data.split("|");

var str = "";

for(var i=0;i

var lie = hang\[i\].split("^");

str += ""+lie\[1\]+"";

$("\#qu").html(str);

\});

async:false ：

async 可以解释为异步 async:false 就是不异步 也就是同步了 async:true则相反

async:true

![Image 1][]

async:false

![Image 1][]

处理页面：

include("DBDA.class.php");

$db = new DBDA();

$code = $\_POST\["pcode"\];

$sql="select AreaCode,AreaName from chinastates where ParentAreaCode = '\{$code\}'";

echo $db->StrQuery($sql);

PHP页面：

无标题文档

最终效果：

![Image 1][]

[Image 1]:

php省城联动_使用php ajax实现一个省市区的三级联动

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关省市区三级联动

相关 js加php地区三级联动,PHP+Mysql+Ajax+JS实现省市区三级联动_PHP

相关 php省城联动_使用php ajax实现一个省市区的三级联动

相关 ajax 地区三级联动,AJAX版三级联动(省市区)(示例代码)

相关 ajax省市区三级联动

相关 ajax省市区三级联动

相关 SpringMVC，ajax实现省市区三级联动

相关 jquery php 省市区联动

相关省市区三级联动

相关 js实现Ajax三级联动,省市区