做个简单的thinkphp三级联动
2017-06-07 10:28
387 查看
上图是个省市县的表。具体数据截图如下。
首先我们在thinkphp里找个controller,我这里是BusinessController.class.php,相应的前台business写个liandong.html页面。
liandong.html代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Thinkphp实现Ajax地区的三级联动</title>
<script src="__PUBLIC__/Home/js/jquery.1.7.2.min.js"></script></head><!-- 找到自己的jq文件-->
<body>
<!-- 省份 -->
<select name="pro" id="pro">
<foreach name="region" item="v">
<option value="{$v.id}">{$v.name}</option>
</foreach>
</select>
<!-- 城市 -->
<select name="city" id="city">
<option></option>
</select>
<!-- 区县 -->
<select name="area" id="area">
<option></option>
</select>
<script>
$('#pro').change(function(){
$.ajax({
type:"post",
url:"{:U('business/liandong')}",
data:'pro_id='+$('#pro').val(),
dataType:"json",
success:function(data){
$('#city').html(data);
}
});
});
$('#city').change(function(){
$.ajax({
type:"post",
url:"{:U('business/liandong')}",
data:'pro_id='+$('#city').val(),
dataType:"json",
success:function(data){
$('#area').html(data);
}
});
});
</script>
</body>
</html>
BusinessController.class.php里的liandong方法如下:
public function liandong(){
if (IS_POST) {
$parent_id['pid'] = I('post.pro_id','addslashes');
$region = M('city')->where($parent_id)->select();
$opt = '<option>--请选择市区--</option>';
foreach($region as $key=>$val){
$opt .= "<option value='{$val['id']}'>{$val['name']}</option>";
}
echo json_encode($opt);
} else {
$parent_id['pid'] = 1;
$region = M('city')->where($parent_id)->select();
$this->assign('region',$region);
$this->display();
}
}
此文借鉴引用http://www.thinkphp.cn/topic/41905.html
相关文章推荐
- ThinkPHP快速简单实现Ajax地区三级联动(很详细)
- asp.net ajax简单实现省市区三级联动(一):一般实现
- php jquery ajax json 全国省市区三级联动下拉列表 简单实现
- 继上一篇的thinkphp三级联动数据库
- 简单的三级联动
- 简单三级联动的建立
- 非常简单的javascript年-月-日三级联动下拉框
- 两、三级联动菜单,简单的实现(2)
- 二、三级联动菜单,简单实现(2)
- 简单的一个用javascript做的'省市区'三级联动效果
- javascript实现简单的省市区三级联动
- php jquery ajax json 全国省市区三级联动下拉列表 简单实现
- Thinkphp dwz 三级联动下拉菜单
- 简单的ThinkPHP 二级联动
- 二、三级联动菜单,简单实现(2)
- asp.net ajax简单实现省市区三级联动(二):面向对象实现
- php jquery ajax json 全国省市区三级联动下拉列表 简单实现
- Thinkphp dwz 三级联动下拉菜单
- JS简单实现三级联动效果
- javascript实现简单的省市区三级联动