<del id="qosiw"></del>

Ajax-省市區(qū)三級聯(lián)動

tomlingtm 發(fā)布于2019-08-20 18:28 / 2474人閱讀

摘要：三級聯(lián)動此例在框架中實現(xiàn)創(chuàng)建數(shù)據(jù)地區(qū)編號上級名稱在文件夾創(chuàng)建靜態(tài)頁面省市區(qū)三級聯(lián)動省請選擇市請選擇區(qū)請選擇省，市，區(qū)三級聯(lián)動顯示市請選擇請選擇省，市，區(qū)三級聯(lián)動顯示地區(qū)請選擇創(chuàng)建控制器查詢獲取

三級聯(lián)動：

此例在ThinkPHP3.2框架中實現(xiàn)

1.創(chuàng)建數(shù)據(jù)

DROP TABLE IF EXISTS `region`;
CREATE TABLE `region` (
  `id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT "地區(qū)編號",
  `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文件夾創(chuàng)建靜態(tài)頁面index.html




    
    
    
    省市區(qū)三級聯(lián)動

3.創(chuàng)建控制器DemoController.class.php

where($where)->select();
        return $list;
    }
    /**
     *獲取省和直轄市
     */
    public function index(){
        $where["parentid"] = 0;
        $listprovince = $this->getList($where);
        $this->assign("provinceList",$listprovince);
        $this->display();
    }
    /**
     *省市區(qū)三級聯(lián)動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));
    }
    /**
     *省市區(qū)三級聯(lián)動ajax(獲取地區(qū))
     */
    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云服務器云服務器省市三級聯(lián)動陜西 js省市縣三級聯(lián)動 ajax實現(xiàn)三級聯(lián)動省市聯(lián)動

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/84552.html

Ajax-省市區(qū)三級聯(lián)動

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

jsummer 2019-07-01 14:19 評論0 收藏0
使用vue+element ui 實現(xiàn)省市區(qū)三級聯(lián)動

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

netScorpion 2021-11-11 16:54 評論0 收藏0
vue 省市區(qū)三級聯(lián)動插件v-distpicker

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

learning 2019-08-23 18:02 評論0 收藏0
原生js實現(xiàn)省市區(qū)三級聯(lián)動插件

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

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

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

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