摘要:三級(jí)聯(lián)動(dòng)此例在框架中實(shí)現(xiàn)創(chuàng)建數(shù)據(jù)地區(qū)編號(hào)上級(jí)名稱在文件夾創(chuàng)建靜態(tài)頁面省市區(qū)三級(jí)聯(lián)動(dòng)省請(qǐng)選擇市請(qǐng)選擇區(qū)請(qǐng)選擇省,市,區(qū)三級(jí)聯(lián)動(dòng)顯示市請(qǐng)選擇請(qǐng)選擇省,市,區(qū)三級(jí)聯(lián)動(dòng)顯示地區(qū)請(qǐng)選擇創(chuàng)建控制器查詢獲取
三級(jí)聯(lián)動(dòng):
此例在ThinkPHP3.2框架中實(shí)現(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ū)編號(hào)", `parentid` int(11) NOT NULL COMMENT "上級(jí)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
3.創(chuàng)建控制器DemoController.class.php省市區(qū)三級(jí)聯(lián)動(dòng)
where($where)->select(); return $list; } /** *獲取省和直轄市 */ public function index(){ $where["parentid"] = 0; $listprovince = $this->getList($where); $this->assign("provinceList",$listprovince); $this->display(); } /** *省市區(qū)三級(jí)聯(lián)動(dòng)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ū)三級(jí)聯(lián)動(dòng)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)); } }
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/84552.html
摘要:三級(jí)聯(lián)動(dòng)此例在框架中實(shí)現(xiàn)創(chuàng)建數(shù)據(jù)地區(qū)編號(hào)上級(jí)名稱在文件夾創(chuàng)建靜態(tài)頁面省市區(qū)三級(jí)聯(lián)動(dòng)省請(qǐng)選擇市請(qǐng)選擇區(qū)請(qǐng)選擇省,市,區(qū)三級(jí)聯(lián)動(dòng)顯示市請(qǐng)選擇請(qǐng)選擇省,市,區(qū)三級(jí)聯(lián)動(dòng)顯示地區(qū)請(qǐng)選擇創(chuàng)建控制器查詢獲取 三級(jí)聯(lián)動(dòng): 此例在ThinkPHP3.2框架中實(shí)現(xiàn) 1.創(chuàng)建數(shù)據(jù) DROP TABLE IF EXISTS `region`; CREATE TABLE `region` ( `id` in...
摘要:使用實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)開發(fā)工具使用技術(shù)效果圖如下話不多說上代碼一,頁面部分二,部分首先引入以下代碼注意引入上方代碼之前需先運(yùn)行下方代碼進(jìn)行安裝然后再寫入以下代碼這樣一個(gè)省市區(qū)三級(jí)聯(lián)動(dòng)的下拉列表就完成了 ...
摘要:十分便捷的三級(jí)聯(lián)動(dòng)插件官網(wǎng)步驟下載步驟使用與引入在中注冊(cè)全局組件在文件中使用組件你需要用到三級(jí)聯(lián)動(dòng)的頁面的里如何使用組件在該文件的部分寫廣東省廣州市海珠區(qū)移動(dòng)端步驟如何獲取他們的數(shù)據(jù)給部分一個(gè)點(diǎn)擊事件在配置 十分便捷的三級(jí)聯(lián)動(dòng)插件 官網(wǎng):https://www.awesomes.cn/repo/... 步驟1:下載 npm install v-distpicker --save O...
原生js實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)插件 前言 插件功能只滿足我司業(yè)務(wù)需求,如果希望有更多功能的,可在下方留言,我盡量擴(kuò)展!如果你有需要或者喜歡的話,可以給我github來個(gè)star ? 倉(cāng)庫地址在線預(yù)覽 準(zhǔn)備 // 頁面上先引入css與js文件 頁面中的容器標(biāo)簽不限制,只需給個(gè)id就行 var address = new Address({ wrapId: wrap, showArr...
摘要:數(shù)據(jù)來源臺(tái)灣缺省完成圖初始化選完省之后部分請(qǐng)選擇請(qǐng)選擇暫無數(shù)據(jù)暫無數(shù)據(jù)一開始的初始狀態(tài)是省份可以選擇,利用來控制市和區(qū)的現(xiàn)實(shí)選項(xiàng)。當(dāng)省份未選擇時(shí),市區(qū)因?yàn)闆]有數(shù)據(jù),所以會(huì)選擇暫無數(shù)據(jù)。 依舊使用vue,不需要關(guān)注dom太方便了。數(shù)據(jù)來源(臺(tái)灣缺?。篽ttps://github.com/airyland/c... 完成圖 初始化 showImg(https://segmentfault...
閱讀 2367·2021-11-19 09:58
閱讀 1856·2021-11-15 11:36
閱讀 3002·2019-08-30 15:54
閱讀 3541·2019-08-29 15:07
閱讀 2907·2019-08-26 11:47
閱讀 3017·2019-08-26 10:11
閱讀 2657·2019-08-23 18:22
閱讀 2896·2019-08-23 17:58