html+js:

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>城市联动示例</title>

</head>

<body>

  	<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>

</body>

<script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.0.min.js"></script>

<script>

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));

      }

    }

  );

}

</script>

</html>

php：

<?php

namespace Home\Controller;

use Think\Controller;

class IndexController extends Controller{

    /**

    * 用户信息查询

    */

    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);

    }

}

sql语句：

DROP TABLE IF EXISTS `gc_tree`;

CREATE TABLE `gc_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=1 DEFAULT CHARSET=utf8;

数据文件：链接: https://pan.baidu.com/s/1jHMAxCU 密码: 5y79

thinkPHP三级城市联动的更多相关文章

  1. 全国三级城市联动 js版

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. YII+DWZ三级城市联动挂件

    挂件PHP文件 class CountryCityCombox extends RXWidget { public $provinceId = 2; public $cityId = 3687; pu ...

  3. JQUERY省、市、县城市联动选择

    JQUERY 插件开发——CITYLINKAGE(省.市.县城市联动选择) 第一部分:背景   开发源于需求,本次城市联动选择插件算是我写插件的一个特例吧,不是我目前工作需要些的,算是兴趣驱使吧.之前 ...

  4. JS中简单的二级城市联动

    代码奉上: <!DOCTYPE html><html><head>    <meta charset="UTF-8">    < ...

  5. Jquery 插件开发——citylinkage（省、市、县城市联动选择）

    第一部分:背景  开发源于需求,本次城市联动选择插件算是我写插件的一个特例吧,不是我目前工作需要些的,算是兴趣驱使吧.之前呢,一直想写这个插件,然后错过了一个写这个插件的机会(这个得回顾到很久以前了. ...

  6. 城市联动 - 自动生成SQL语句

    字段比较简单/  如果有需要可以自己定制字段和排序/ 一共二级城市联动, 本人业务需要, 所以就两层, 网上关于三层的挺多, 有需要可以借鉴/ 废话不多说, 先看效果图, 代码在下面 <?php ...

  7. JQuery+Ajax实战三级下拉列表联动（八）

    本片文章为练习,项目中不会这样写: 一:涉及到的知识点: jQuery Dom操作 jQuery Ajax操作 ASP.net中的json操作 二:用了自动代码生成器 1.Dal层的代码: publi ...

  8. java基础68 JavaScript城市联动框（网页知识）

    1.城市联动框 <!doctype html> <html> <head> <meta charset="utf-8"> <t ...

  9. 基于jQuery+ashx+.net实现三级栏目联动操作

    父级ID可以为空以两个编号为一级 可以添加到第四级 table 字段有ID. name .parentNode. childNode等基本属性  selecet  parentNode  ,len(c ...

随机推荐

  1. springCloud——Dalston.SR5升级到Greenwich.SR2

    老项目: SpringBoot 版本 :1.5.13.RELEASE SpringCloud 版本:Dalston.SR5 项目升级: SpringBoot 版本 :2.1.6.RELEASE Spr ...

  2. Leaflet调用geoserver发布的矢量切片

    geoserver如何发布切片就不写了,大家都可以查到. index.html <!DOCTYPE html> <html> <head> <meta cha ...

  3. Codeforces 919D Substring ( 拓扑排序 && DAG上的DP )

    题意 : 给出含有 N 个点 M 条边的图(可能不连通或者包含环),每个点都标有一个小写字母编号,然后问你有没有一条路径使得路径上重复字母个数最多的次数是多少次,例如图上有条路径的顶点标号顺序是  a ...

  4. pycharm问题集锦

    1.pycharm的激活方式 参考博客https://blog.csdn.net/u014044812/article/details/78727496 2.总是出现波浪线,如下问题 问题原因:knn ...

  5. linux服务器在线测速

    cd /tmpwget https://raw.github.com/sivel/speedtest-cli/master/speedtest.py或者wget https://raw.githubu ...

  6. final修饰的类，其属性和方法默认是被final修饰的吗？

    在论坛上,看到一个问题,当然,各位聪明的客官想必已经知道问题是什么了,嘿嘿,没错就是文章的标题:final修饰的类,其属性和方法默认是被final修饰的吗? 老实说,刚开始看到这个问题的时候,有点懵. ...

  7. 一款基于CSS3漂亮的按钮

    特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/ ...

  8. mysql 5.7 Could not load driverClass com.mysql.cj.jdbc.Driver

    参考: http://www.manongjc.com/article/24424.html https://blog.csdn.net/kingscoming/article/details/788 ...

  9. 微信小程序 视频 组件

    video 组件 视频组件 相关的api :wx.createVideoContext 支持的格式: 支持的编码格式 video 组件的属性: src:类型 字符串 必填 要播放视频的资源地址 (支持 ...

  10. Hybrid平台

    需求说明 离线包管理平台主要负责对需要接入Hybrid平台的应用进行管理,通过这个平台可以实现对应用的静态资源进行构建.发布.生成离线包,版本控制等,核心场景如下: 将需要做预加载的应用在平台上注册, ...