- 相關(guān)推薦
thinkPHP實(shí)現(xiàn)的省市區(qū)三級(jí)聯(lián)動(dòng)功能
介紹了thinkPHP實(shí)現(xiàn)的省市區(qū)三級(jí)聯(lián)動(dòng)功能,詳細(xì)分析了thinkPHP實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)功能的詳細(xì)步驟與相關(guān)操作技巧,需要的朋友可以參考下.
本文實(shí)例講述了thinkPHP實(shí)現(xiàn)的省市區(qū)三級(jí)聯(lián)動(dòng)功能。分享給大家供大家參考，具體如下：
一張表實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)【3409條數(shù)據(jù)】
1. php代碼：
12
public function index(){
$province = M('Tree')->where ( array('pid'=>1) )->select ();
$this->assign('province',$province);
$this->display();
}
public function getRegion(){
$Region=M("Tree");
$map['pid']=$_REQUEST["pid"];
$map['type']=$_REQUEST["type"];
$list=$Region->where($map)->select();
echo json_encode($list);
}
2. HTML代碼：
?
1
2
3
4
5
6
7
8
9
10
<select name="province" id="province" onchange="loadRegion('province',2,'city','{:U('Index/getRegion')}');">
<option value="0" selected>省份/直轄市</option><volist name="province" id="vo">
<option value="{$vo.id}" >{$vo.name}</option></volist>
</select>
<select name="city" id="city" onchange="loadRegion('city',3,'town','{:U('Index/getRegion')}');">
<option value="0">市/縣</option>
</select>
<select name="town" id="town">
<option value="0">鎮(zhèn)/區(qū)</option>
</select>
3. javascript代碼：
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function loadRegion(sel,type_id,selName,url){
jQuery("#"+selName+" option").each(function(){
jQuery(this).remove();
});
jQuery("<option value=0>請(qǐng)選擇</option>").appendTo(jQuery("#"+selName));
if(jQuery("#"+sel).val()==0){
return;
}
jQuery.getJSON(url,{pid:jQuery("#"+sel).val(),type:type_id},
function(data){
if(data){
jQuery.each(data,function(idx,item){
jQuery("<option value="+item.id+">"+item.name+"</option>").appendTo(jQuery("#"+selName));
});
}else{
jQuery("<option value='0'>請(qǐng)選擇</option>").appendTo(jQuery("#"+selName));
}
}
);
}
4. SQL代碼：
?
1
2
3
4
5
6
7
8
DROP TABLE IF EXISTS `tp_tree`;
CREATE TABLE `tp_tree` (
`id` int(5) unsigned NOT NULL AUTO_INCREMENT,
`pid` int(5) unsigned NOT NULL DEFAULT '0',
`name` varchar(120) DEFAULT NULL,
`type` tinyint(1) DEFAULT '2',
PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=3410 DEFAULT CHARSET=utf8;
5. TP_tree.sql文件點(diǎn)擊此處本站下載。
更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。
希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。
【thinkPHP實(shí)現(xiàn)的省市區(qū)三級(jí)聯(lián)動(dòng)功能】相關(guān)文章：
thinkPHP實(shí)現(xiàn)的聯(lián)動(dòng)菜單功能03-04
ThinkPHP實(shí)現(xiàn)支付寶接口功能實(shí)例04-13
Thinkphp 多語(yǔ)言功能完善04-13
Thinkphp的多語(yǔ)言功能完善05-05
利用python實(shí)現(xiàn)簡(jiǎn)單爬蟲(chóng)功能04-20
php中實(shí)現(xiàn)回刪功能實(shí)例01-26