thinkPHP实现的省市区三级联动功能示例
2017-05-05 11:28
816 查看
一张表实现省市区三级联动【3409条数据】
1. php代码:
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代码:
<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">镇/区</option> </select>
3. javascript代码:
function loadRegion(sel,type_id,selName,url){ jQuery("#"+selName+" option").each(function(){ jQuery(this).remove(); }); jQuery("<option value=0>请选择</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'>请选择</option>").appendTo(jQuery("#"+selName)); } } ); }
4. SQL代码:
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文件点击此处本站下载。
更多关于thinkPHP相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- 使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
- jquery+ajax实现省市区三级联动效果简单示例
- 使用mint-ui实现省市区三级联动效果的示例代码
- android省市区三级联动案例:(三)主要功能实现
- Thinkphp实现省市区三级联动
- 原生JavaScript实现的简单省市县三级联动功能示例
- Thinkphp实现省市区三级联动
- 由ajax,js,xml,php实现的三级联动省市县下拉功能
- 解决Js解析xml浏览器不兼容问题及省市区三级联动实现
- 解决Js解析xml浏览器不兼容问题及省市区三级联动实现
- ajax 实现三级联动功能
- Android UI控件之Spinner实现省市区三级联动
- 省市区三级联动菜单实现及三级联动下拉列表框默认值的设置
- Android UI控件之Spinner实现省市区三级联动
- asp.net ajax简单实现省市区三级联动(二):面向对象实现
- AJAX省市区三级联动下拉列表实现 JAVA开发
- 省市区三级联动下拉选框---具体功能实现
- 省市区三级联动菜单实现及三级联动下拉列表框默认值的设置
- js实现省市区三级联动
- java的JCombobox实现中国省市区三级联动