Ajax-省市區三級聯動

tomlingtm 發布于2019-08-20 18:28 / 2443人閱讀

摘要：三級聯動此例在框架中實現創建數據地區編號上級名稱在文件夾創建靜態頁面省市區三級聯動省請選擇市請選擇區請選擇省，市，區三級聯動顯示市請選擇請選擇省，市，區三級聯動顯示地區請選擇創建控制器查詢獲取

三級聯動：

此例在ThinkPHP3.2框架中實現

1.創建數據

DROP TABLE IF EXISTS `region`;
CREATE TABLE `region` (
  `id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT "地區編號",
  `parentid` int(11) NOT NULL COMMENT "上級id",
  `name` varchar(255) COLLATE utf8_unicode_ci NOT NULL COMMENT "名稱",
  PRIMARY KEY (`id`),
  KEY `district_upid_index` (`parentid`),
  KEY `district_name_index` (`name`)
) ENGINE=MyISAM AUTO_INCREMENT=91154 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;

2.在view文件夾創建靜態頁面index.html




    
    
    
    省市區三級聯動

3.創建控制器DemoController.class.php

where($where)->select();
        return $list;
    }
    /**
     *獲取省和直轄市
     */
    public function index(){
        $where["parentid"] = 0;
        $listprovince = $this->getList($where);
        $this->assign("provinceList",$listprovince);
        $this->display();
    }
    /**
     *省市區三級聯動ajax（獲取市）
     */
    public function regionAjaxGetCitys(){
        $where["parentid"] = I("provinceId");
        $list = $this->getList($where);
        $data=array("city"=>$list);
        header("Content-type: application/json");
        exit(json_encode($data));
    }
    /**
     *省市區三級聯動ajax(獲取地區)
     */
    public function regionAjaxGetdDistrict(){
        $where["parentid"] = I("cityId");
        $list = $this->getList($where);
        $data=array("district"=>$list);
        header("Content-type: application/json");
        exit(json_encode($data));
    }
}

云服務器 GPU云服務器省市三級聯動陜西 js省市縣三級聯動 ajax實現三級聯動省市聯動

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84552.html

Ajax-省市區三級聯動

摘要：三級聯動此例在框架中實現創建數據地區編號上級名稱在文件夾創建靜態頁面省市區三級聯動省請選擇市請選擇區請選擇省，市，區三級聯動顯示市請選擇請選擇省，市，區三級聯動顯示地區請選擇創建控制器查詢獲取三級聯動：此例在ThinkPHP3.2框架中實現 1.創建數據 DROP TABLE IF EXISTS `region`; CREATE TABLE `region` ( `id` in...

jsummer 2019-07-01 14:19 評論0 收藏0
使用vue+element ui 實現省市區三級聯動

摘要：使用實現省市區三級聯動開發工具使用技術效果圖如下話不多說上代碼一，頁面部分二，部分首先引入以下代碼注意引入上方代碼之前需先運行下方代碼進行安裝然后再寫入以下代碼這樣一個省市區三級聯動的下拉列表就完成了 ...

netScorpion 2021-11-11 16:54 評論0 收藏0
vue 省市區三級聯動插件v-distpicker

摘要：十分便捷的三級聯動插件官網步驟下載步驟使用與引入在中注冊全局組件在文件中使用組件你需要用到三級聯動的頁面的里如何使用組件在該文件的部分寫廣東省廣州市海珠區移動端步驟如何獲取他們的數據給部分一個點擊事件在配置十分便捷的三級聯動插件官網：https://www.awesomes.cn/repo/... 步驟1：下載 npm install v-distpicker --save O...

learning 2019-08-23 18:02 評論0 收藏0
原生js實現省市區三級聯動插件

原生js實現省市區三級聯動插件前言插件功能只滿足我司業務需求，如果希望有更多功能的，可在下方留言，我盡量擴展！如果你有需要或者喜歡的話，可以給我github來個star ? 倉庫地址在線預覽準備 // 頁面上先引入css與js文件頁面中的容器標簽不限制，只需給個id就行 var address = new Address({ wrapId: wrap, showArr...

mumumu 2019-08-26 11:43 評論0 收藏0
小白成長日記：寫個省市區三級聯動

摘要：數據來源臺灣缺省完成圖初始化選完省之后部分請選擇請選擇暫無數據暫無數據一開始的初始狀態是省份可以選擇，利用來控制市和區的現實選項。當省份未選擇時，市區因為沒有數據，所以會選擇暫無數據。依舊使用vue，不需要關注dom太方便了。數據來源（臺灣缺省）：https://github.com/airyland/c... 完成圖初始化 showImg(https://segmentfault...

JerryC 2019-08-21 17:51 評論0 收藏0