本文目录一览：
PHP二级下拉框联动
这要后端配合, 代码写出来太多了.
流程:
选择学院名称
向后台发起请求, 把学院名称发送到后台
后台根据学院名称 查找专业
前端显示
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.
原创文章，作者：TC9EG，如若转载，请注明出处：https://www.506064.com/n/130747.html
微信扫一扫 
支付宝扫一扫 