thinkphp+jquery+ajax二級聯動使用心得

Invoker 發布于2019-06-27 16:31 / 2307人閱讀

摘要：注意和，供選擇器使用所屬分類請選擇分類所屬課程要先引用后端代碼前期遍歷，第一個下拉菜單的值從數據庫取出子課程添加處理的方法子課程添加下拉菜單二級聯動感覺寫的很詳細啦，歡迎和我一起探討哦，么么噠

一、想實現的效果：

用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使用心得

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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