php数据库二级联动 php三级联动数据库

php页面，下拉框二级联动，如何从数据库读取数据填入

上面说的没错。具体流程如下：一级下拉框选择其中一个值时，触发事件，通过ajax讲选择的值进行sql查询，将返回的结果通过js写入到第二级下拉框中

成都创新互联主营雨城网站建设的网络公司,主营网站建设方案,重庆APP软件开发,雨城h5小程序开发搭建,雨城网站营销推广欢迎雨城等地区企业咨询

thinkphp的二级联动

html文件：

liandong.html

首先要引入jquery.js文件

html

title二级联动/title

head

script src="__PUBLIC__/scripts/jquery.js" type="text/javascript"/script

script type="text/javascript"

$(function(){

$('#AreaId').change(function(){

//获取父类的id

var $id=$('#AreaId').val();

//通过ajax进行传值

$.getJSON('__URL__/liandong',{id:$id},function(data){

//回调函数

if (data.status==1){

//首先清除子类中值不为空的，如果没有这句话你会发现子类的显示会这个增加，二不是你想要的结果

$('#ServerId option[value!=""]').remove();

//计算返回数组的数目，并循环显示

for (var i=0;i=data.data.length;i++) {

//定义html标签，和显示的值，id和type_name为数据库中的字段名

var option ="option value="+data.data[i].id+""+data.data[i].type_name+"/option";

//显示的位置

$(option).appendTo('#ServerId');

}

}

});

});

});

/script

/head

body

select id="AreaId" name="AreaId"

option selected="selected" value=""请选择游戏区/option

?php

//循环显示父类

foreach($plei as $val){

?

option value="{$val[id]}"{$val[type_name]}/option

?php

}

?

/select

select id="ServerId" name="ServerId"

option selected="selected" value=""请选择游戏服/option

/select

/body

/html

php文件

IndexAction.class.php

class IndexAction extends Action {

public function liandong(){

//实例化数据表

$type=M('Type');

//首先是查询类别表中的父类，我的是父类的pid都为0

$plei=$type-where('pid=0')-select();

//分配变量

$this-assign("plei",$plei);

//这个主要是判断父类的内容是否发生变化，此判断非常重要（ps：我那会没写这个判断，总是出错,非常头疼）

if($_GET[id]){

$sel=$type-where('pid='.$_GET[id])-select();

$this-ajaxReturn($sel,'子类',1);

}

$this-display();

}

}

如何用PHP实现select二级联动，根据第一个下拉框选择的内容来选择第二个下拉框的内容

给第一个select加js事件，点击它的时候动态加载第二个select的内容，比如写个ajax获取第一个select的value（这个value是哪个quanx_id），然后去后台请求，后无论是用缓存还是说直接从数据库中查，得到这个value对应的field，再返回数据到前台进行处理。也可以在页面加载的时候就直接吧每个quanx_id的对应关系全部查找并在模板中的js用相应变量存储后，再采用上面的思路去动态加载就是了。反正最终都是当select1的value发生变化，动态加载select2的value.