php没有上级分类的联动,ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单...

首先是数据库的设计。分类表叫cate.

我做的是分类数据的二级联动，数据需要的字段有：id,name(中文名),pid(父id).

父id的设置: 若数据没有上一级，则父id为0，若有上级，则父id为上一级的id。

数据库有内容后，就可以开始写代码，进行二级联动的实现。

先在后台php获取所有pid为0的数据，保存到$cate中，然后在第一层的中用foreach循环输出。

Html代码:

复制代码代码如下:

请选择类型

{$v.ca_name}

标签：

Ajax代码：

复制代码代码如下:

$('#type').click(function(){

$(this).change(function(){

var objectModel = {};

var value = $(this).val();

var type = $(this).attr('id');

objectModel[type] =value;

$.ajax({

cache:false,

type:"POST",

url:site.web+"lable",

dataType:"json",

data:objectModel,

timeout:30000,

error:function(){

alert(site.web+"lable");

success:function(data){

$("#lables").empty();

var count = data.length;

var i = 0;

var b="";

for(i=0;i

b+=""+data[i].ca_name+"";

}

$("#lables").append(b);

}

});

}

);

Ajax代码在第一层类型改变后触发,ajax方法的主要参数有

1.url:后台接收ajax的地址；

2.data:传到后台的数据，一般用json传递；这里传递的是选中类的id值。

3.type:传递方法，有get和post方法，我一般用post,可以传输的数据比get多，安全性也高些；

4.error:ajax执行失败的方法；

5.success:ajax执行成功的方法，也就是回调函数。这里在执行success时，我先用empty()清空了第二个下拉菜单的内容，然后再输出从后台获取的数据。

下面是Thinkphp接收ajax数据并处理的页面

复制代码代码如下:

//后台ajax验证

$result = array();

$cate =$_POST['type'];

$result = M('cate')->where(array('ca_pid'=> $cate))->field('ca_id,ca_name')->select();

$this->ajaxReturn($result,"JSON");

Thinkphp的I()方法其实可以看成$_POST[],这样来获取ajax传递过来的第一层选中内容的id，接着，获取其子类，然后用ajaxReturn()返回给ajax,这里设置了返回数据以json形式，所以ajax会以json形式接收到数据

原生php的返回数据方式:

复制代码代码如下:

//搜索结果为$result

.....

echo json_encode($result);

这样就完成了2级联动下拉菜单的实现，需要注意的是，url得保证正确，后台接收到也需要有返回值，不然ajax也不会执行success方法的。

php没有上级分类的联动,ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单...相关推荐

ThinkPHP + Ajax 实现2级联动下拉菜单
为什么80%的码农都做不了架构师?>>> 首先是数据库的设计.分类表叫cate. 我做的是分类数据的二级联动,数据需要的字段有:id,name(中文名),pid(父id). 父 ...
php ajax二级联下拉菜单,ThinkPHP和Ajax 实现二级联动的下拉菜单
这篇文章主要介绍了关于ThinkPHP和Ajax 实现二级联动的下拉菜单,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下联动菜单的数据存在数据库,可以随时通过对数据库添加删除修改改变菜 ...
php 下拉菜单多选get,Jquery实现select二级联动多选下拉菜单
前言平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
jquery二级联动下拉菜单
二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动.本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果. 先看下效果大类: 前端技术 ...
js 下拉层级多选_Jquery实现select二级联动多选下拉菜单
前言平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
popwindow下拉筛选二级联动_职场人必备！一分钟搞定Excel二级联动下拉菜单
对于一级下拉菜单的设置,相信经常使用Excel的用户都不陌生,那么,二级联动下拉菜单又是什么呢?与一级下拉菜单有什么关系呢? 二级联动下拉菜单是根据一级下拉菜单内容的变化而变化的.大家都知道,不同的部 ...
三星二级菜单_你变我也变，神奇的excel二级联动下拉菜单
如下图所示,在手机列输入或选取苹果,型号下拉里会显示所有苹果手机的所有型号,如果手机列输入三星,在型号列下拉菜单显示所有三星的型号. 手机列选苹果: 手机列选取三星同学们应该明白什么是二级下拉联动菜 ...
dropdownlist三级联动怎么实现_Excel下拉菜单不会做？15秒教会你制作一二三级联动下拉菜单，从此做表不求人！...
Hi,各位叨友们好呀!我是叨叨君~ 我们都知道,在使用Excel表格统计数据的时候,为了方便录入,通常会在Excel中设置下拉菜单,以便我们输入相同的内容. 那么,Excel中一级.二级.三级联动下拉 ...
菜鸟学Java（七）——Ajax+Servlet实现无刷新下拉联动
下拉联动的功能可以说非常的常用,例如在选择省.市等信息的时候:或者在选择大类.小类的时候.总之,下拉联动很常用.今天就跟大家分享一个简单的二级下拉联动的功能. 大类下拉框:页面加载的时候就初始化大类的 ...

php没有上级分类的联动,ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单...

php没有上级分类的联动,ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单...相关推荐

最新文章

热门文章