tp3实现省市区三级联动

最新推荐文章于 2024-05-13 02:24:53 发布
最新推荐文章于 2024-05-13 02:24:53 发布
阅读量584 收藏
点赞数
分类专栏： thinkphp

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!-- <script type="text/javascript" src="__ROOT__/Public/js/jquery-1.js"></script> -->
<!-- <script type="text/javascript" src="__ROOT__/Public/js/jquery-2.1.4.min.js"></script> -->
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
</head>

<body>
<div>
	<label>所在地点</label>
	<select name="province_id" id="province_id" style="width:150px;">
		<option>请选择</option>
        <volist name="province_list" id="province">
        	<option  value="{$province.region_id}">{$province.region_name}</option>
        </volist>                                                  
     </select>
	 <select name="city_id"  id="city_id" style="width:150px;" >
		 <option>请选择</option>
		 <volist name="city_list" id="city">
		 	<option value="{$city.region_id}" selected="selected">{$city.region_name}</option>
		 </volist>                                                  
	  </select>
	  <select name="district_id"  id="district_id" style="width:150px;" >
		  <option value="0">请选择</option>
		  <volist name="dis_list" id="dis">
		   <option value="{$dis.region_id}" selected="selected">{$dis.region_name}</option>
		  </volist>                                              
	   </select>  
</div>
<script>
	$("#province_id").change(function(){
	var province_id=$(this).val();
	$.ajax({
		url:'Home/Index/get_citys',
		Type:"POST",
		data:"province_id="+province_id,
		dataType:"json",
		success:function(data){
			var city = data.city;
			var option=$("<option></option>");
			$(option).val("0");
			$(option).html("请选择");
			var option1=$("<option></option>");
			$(option1).val("0");
			$(option1).html("请选择");
			$("#city_id").html(option);
			$("#district_id").html(option1);
			for(var i in city){
				var option=$("<option></option>");
				$(option).val(city[i]['region_id']);
				$(option).html(city[i]['region_name']);
				$("#city_id").append(option);
			}
		}
		
	});
});
</script>
<script>
$("#city_id").change(function(){
	var city_id=$(this).val();
	$.ajax({
		url:'Home/Index/get_district',
		Type:"POST",
		data:"city_id="+city_id,
		dataType:"json",
		success:function(data){
			var district = data.district;
			var option=$("<option></option>");
			$(option).val("0");
			$(option).html("请选择");
			$("#district_id").html(option);
			for(var i in district){
				var option=$("<option></option>");
				$(option).val(district[i]['region_id']);
				$(option).html(district[i]['region_name']);
				$("#district_id").append(option);
			}
		}
	});
});
</script>
</body>
</html>

php:

<?php
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller {
	//获取省和直辖市
    public function index(){
		$listObj = M('region');
		$whereprovince['top_parentid'] = 0;
		$listprovince = $listObj->where($whereprovince)->select();
		$this->assign("province_list",$listprovince);
		
        $this->display();
    }
	//获取地级市
	public function get_citys(){
		$listObj = M('region');
		$where['top_parentid'] = I('province_id');
		$where['level'] = 2;
		$list = $listObj->where($where)->select();
		$data=array('status'=>0,'city'=>$list);
		header("Content-type: application/json");
		exit(json_encode($data));
	}
	//获取地级县
	public function get_district(){
		$listObj = M('region');
		$where['parent_id'] = I('city_id');
		$where['level'] = 3;
		$list = $listObj->where($where)->select();
		$data=array('status'=>0,'district'=>$list);
		header("Content-type: application/json");
		exit(json_encode($data));
	}
}

下面是核心代码和数据库文件，需要的下载就可以了。

http://pan.baidu.com/s/1kU2RDTP

lmp5023
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery+Ajax实现省市区三级联动（附效果图+数据库）
NaMgAl_的博客
01-09 3万+
一、效果图 1、页面加载后（初始化：北京市-北京市-东城区） 2、单击选择省份后（改变成：河北省-石家庄市-长安区） 二、jsp页面 省市区三级联动 $(function() { // 初始化省市区 initAddress(); // 更改省份后的操作 $("select[name='province']").change(func
简单实现省市区三级联动
qq_43677688的博客
04-01 419
二 因为用到是第三方库，要导入下面的依赖 1 compile ‘liji.library.dev:citypickerview:1.1.0’ 2 xml布局： 3 主要的ManeActivity的代码： public class MyXinXiActivity extends AppCompatActivity { @BindView(R.id.mDiQuSanJiLianDong...
tp三级联动
diankui6178的博客
05-09 153
<script type="text/javascript">$(document).ready(function(){$("#province").change(function(){var value=$("#province").val();//alert (value);htmlobj=$.ajax({url:"__PUBLIC__/php/city....
Pbootcms网站安全设置教程_pbootcms修改密码(1)
最新发布
2401_84969389的博客
05-13 416
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数网络安全工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年网络安全全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上网络安全知识点！真正的体系化！
省市区三级联动实现
08-10
NULL 博文链接：https://harveyzeng.iteye.com/blog/2216440
JS实现省市区的三级联动
小葵坤_易安的博客
02-13 719
HTML代码： 省：&lt;select id="city_1"&gt; &lt;option&gt;—请选择—&lt;/option&gt; &lt;/select&gt; 市： &lt;select id="city_2"&gt; &lt;option&gt;—请选择—&lt;/option&gt; &lt;/select&amp
thinkphp 三级联动 省份 城市 区 TP三级联动添加实现了，但是不知道如何修改,那就下载看看就会修改了
12-21
thinkphp 三级联动 省份 城市 区 有同学TP三级联动添加实现了，但是不知道如何修改,那就下载看看就会修改了,有注释 有数据库 数据库很全,亲测能添加修改,有控制器方法代码,前后端加数据库,完美运行.
省市区三级联动通用sql语句
11-14
总的来说，实现“省市区三级联动”的关键在于合理设计数据库结构，以及编写灵活高效的SQL查询语句。同时，理解并熟悉所使用的数据库管理系统的特点，能够帮助我们更好地优化代码，提升系统的整体性能。
ajax三级联动下拉菜单效果
10-20
在本案例中，我们将探讨如何使用Ajax实现一个三级联动的下拉菜单，主要用于展示如中国地域的省、市、区之间的关联。 首先，三级联动下拉菜单的核心在于当用户在某个级别（如省份）做出选择时，该选择会触发Ajax请求...
layui实现三级联动效果
12-09
本文实例为大家分享了layui实现三级联动效果的具体代码，供大家参考，具体内容如下 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name=...
三级联动效果，tp+jquery的
06-14
在IT行业中，三级联动效果是一种常见的前端交互设计，主要用于实现多级数据的联动选择，例如国家、省份、城市的逐级筛选。在这个项目中，“三级联动效果，tp+jquery的”指的是利用ThinkPHP（一个流行的PHP框架）和...
前端实现省市区三级联动（jquery+json）
06-26
省市区信息保存在JSON文件和JS文件中，用过jQuery在页面实现三级联动
省市区三级联动案例
08-01
省市区三级联动案例
thinkphp 3.2 省市区联动
11-28
PHP代码 <?php namespace Admin\Controller; use Think\Controller; class GoodController extends Controller { public function release() { /* * 开始新的操作 * */ $data=array(); $data['productname']=$_POST['productname']; $data['introduction']=$_POST['introduction']; $data['codenumber']=$_POST['codenumber']; $data['Productunit']=I('post.Productunit'); $data['sku']=I('post.sku'); $data['province']=I('post.province'); $data['city']=I('post.city'); $data['town']=I('post.town'); $data['classification']=I('post.classification'); $data['Extendedclass']=I('post.Extendedclass'); $data['Commoditybrand']=I('post.Commoditybrand'); $data['Commoditybrand']=I('post.Commoditybrand'); $data['Shopprice']=I('post.Shopprice'); $data['Marketvalue']=I('post.Marketvalue'); $data['Capitalizedcost']=I('post.Capitalizedcost'); $data['Commission']=I('post.Commission'); $data['original_img']=I('post.original_img'); /*商品重量*/ $data['Commodityweight']=I('post.Commodityweight'); $data['mail']=I('post.mail'); /*库存数量*/ $data['Inventoryquantity']=I('post.Inventoryquantity'); /*赠送积分*/ $data['Giftpoints']=I('post.Giftpoints'); /*兑换积分*/ $data['exchange_integral']=I('post.exchange_integral'); /*商品关检词*/ $data['Keyword']=I('post.Keyword'); /*商品详情描述*/ $data['describe']=I('post.describe'); $commodity=M('commodity'); /*准备开启事物*/ $commodity->startTrans(); $result=$commodity->add($data); if(!$result){ /*回滚事物*/ $commodity->rollback(); }else{ /*提交事物*/ $commodity->commit(); } /*1导入thinkphp得我自带的auth类库 * 加锁操作。若果同个用户（判断同个用户名操作）同时加入同样的sku时， * 那么如果存在时就加不上去（数量），如果不存在时（如果不存在时的数量不一样时）就insert上去 * */ $province = M('prvices')->where ( array('pid'=>1) )->select (); $this->assign('province',$province); $this->display(); } public function getRegion(){ /* * 接收市区 * */ $Region=M("prvices"); $map['pid']=$_REQUEST["pid"]; $map['type']=$_REQUEST["type"]; $list=$Region->where($map)->select(); echo json_encode($list); } public function sku() { $this->display(); } } html： <tr> <td>商品所在地</td> <td> <select name="addres" id="province" <option value="0" selected>省份/直辖市</option> <volist name="province" id="vo"> <option value="{$vo.id}" >{$vo.name} </option> </volist> </select> <select name="city" id="city" <option value="0">市/县</option> </select> <select name="town" id="town"> <option value="0">镇/区</option> </select> </td> </tr> 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)); } } ); }
Thinkphp 城市地区三级联动(含数据表)
03-23
不要资源分 就是 为大家提供方便 在网上找的 是一个数据表的三级联动 自己修改成了 三个表的三级联动
thinkPHP实现的省市区三级联动功能示例
10-19
主要介绍了thinkPHP实现的省市区三级联动功能,详细分析了thinkPHP实现省市区三级联动功能的详细步骤与相关操作技巧,需要的朋友可以参考下
省市区三级联动
weixin_73104281的博客
01-14 1722
省市区三级联动
省市区三级联动功能实现(前端+后端)
m0_64714024的博客
07-26 1998
省市区三级联动前后端实现全过程
全国省市区三级联动（简单易懂）
m0_64887345的博客
05-18 796
脚本下载地址链接：https://pan.baidu.com/s/1099yqKDeLMCBrTfw9qo-QA提取码：942y。
用tp6写一个三级联动
05-20
三级联动通常用于省市区选择，下面是一个基于ThinkPHP 6的简单实现： 首先，我们需要在数据库中创建三个表，分别为`province`、`city`和`district`，每个表至少需要包含`id`和`name`两个字段。 接下来，我们在控制...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值