thinkphp+jquery+ajax二级联动使用心得

Invoker 发布于2019-06-27 16:31 / 2287人阅读

摘要：注意和，供选择器使用所属分类请选择分类所属课程要先引用后端代码前期遍历，第一个下拉菜单的值从数据库取出子课程添加处理的方法子课程添加下拉菜单二级联动感觉写的很详细啦，欢迎和我一起探讨哦，么么哒

一、想实现的效果：

用thinkphp+jquery+ajax实现二级联动，当所属分类选择妈咪英语时，下面所属课程会自动列出妈咪英语下的子类。类似省市二级联动

二、原理：

1.首先在后端一个方法中（不是处理ajax的方法）遍历第一个下拉菜单的内容（这个可根据项目自由选择，也可以不用）
2.jquery给标签

三、资料和代码：

数据库：

前端代码：这里只要关注两个里面的内容即可，其他不用考虑。注意id=main和id=follow，供jquery选择器使用

jquery+ajax：
要先引用jquery

后端代码：
前期遍历，第一个下拉菜单的值从数据库取出

    //子课程添加
    public function subject_media_add(){
        $model=M("cat");
        $cat=$model->select();
        $this->assign("cat",$cat);
        $this->display();
    }//subject_media_add()end

处理ajax的方法

    //子课程添加ajax下拉菜单二级联动
    public function subject_media_add_ajax(){
        $id = $_POST["catid"];
        $subject=M("subject")->where(array("catid"=>$id))->select();
        $this->ajaxReturn($subject,"JSON");
    }//subject_media_add_ajax()end

感觉写的很详细啦，欢迎和我一起探讨哦，么么哒 QQ:755092893

GPU云服务器云服务器使用心得使用心得与技巧阿里云使用心得橙云vps使用心得

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/22967.html

php jquery ajax select 二级联动

摘要：还是那是老话，好记性不如烂笔头会的东西，不经常动手做，也就忘记了，下面是一个的联动实用小例中函数中函数还是那是老话，好记性不如烂笔头会的东西，不经常动手做，也就忘记了，下面是一个jquery ajax select 的联动实用小例： ajaxTest.html jquery + ajax + php + select ...

Apollo 2019-06-27 10:38 评论0 收藏0
Jquery就是这么简单

摘要：在内部还是调用这些方法。对象下标，从开始对象下标，从开始再次重申对象只能调用对象的，对象只能调用对象的对象转成值得注意的是在脚本内，是代表对象的。对象转成对象语法也非常简单在内写上对象，就变成了对象了。在文档中对它的解释是这样子的。什么是Jquery？ Jquey就是一款跨主流浏览器的JavaScript库，简化JavaScript对HTML操作就是封装了JavaScript，能够...

wpw 2019-08-30 14:04 评论0 收藏0
Jquery就是这么简单

摘要：在内部还是调用这些方法。对象下标，从开始对象下标，从开始再次重申对象只能调用对象的，对象只能调用对象的对象转成值得注意的是在脚本内，是代表对象的。对象转成对象语法也非常简单在内写上对象，就变成了对象了。在文档中对它的解释是这样子的。什么是Jquery？ Jquey就是一款跨主流浏览器的JavaScript库，简化JavaScript对HTML操作就是封装了JavaScript，能够...

oogh 2019-08-22 15:01 评论0 收藏0
jq+php+mysql 实现二级菜单联动

摘要：二级联动下拉菜单选择应用在在很多地方，比如说省市下拉联动，商品大小类下拉选择联动。实现原理根据大类的值，通过把值传给后台处理，通过查询数据库，得到相应的小类，并返回数据给前端处理。二级联动下拉菜单选择应用在在很多地方，比如说省市下拉联动，商品大小类下拉选择联动。实现的效果就是当选择大类时，小类下拉框里的选项内容也随着改变。实现原理：根据大类的值，通过jQuery把值传给后台PHP处...

sf_wangchong 2019-06-27 15:49 评论0 收藏0