thinkphp中实现省市区三级联动菜单

数据库文件:http://pan.baidu.com/s/1dDEkTLB

1,

<script language="javascript" type="text/javascript" src="jquery.js"></script>

2,

<script>function setChild(parent_node, parent_id) {
 if(‘city_id‘ == parent_node) {
  $(‘#city_id‘).html(‘<option value="">选择市</option>‘);
  $(‘#zone_id‘).html(‘<option value="">选择区/县</option>‘);
 }
 if(‘zone_id‘ == parent_node) {
  $(‘#zone_id‘).html(‘<option value="">选择区/县</option>‘);
 }
 var url = ‘<?php echo U(‘Mypanel/ajax_setChild‘); ?>&parent_id=‘ + parent_id + ‘&rand=‘ + Math.random();
 
 $.get(url, {}, function(data) {
  $(‘#‘ + parent_node).append(data);
 });
}
</script>

3,

<select name="province_id" id="province_id" class="select" 
onChange="setChild(‘city_id‘, this.value)" style="width:100px;"> <option value="">选择省</option>
 
 <?php foreach($provinceArr as $item) { ?>
 
 <option value="<?php echo $item[‘code‘]; ?>"><?php echo $item[‘name‘];?></option>
 <?php } ?>
</select>
<select name="city_id" id="city_id" class="select" onChange="setChild(‘zone_id‘, this.value)" style="width:100px;">
 
</select>
<select name="zone_id" id="zone_id" class="select" style="width:100px;">

</select>

4,MypanelController.class.php

<?php
/**
 * 公用
 */
namespace Admin\Controller;
use Common\Controller\AdminbaseController;
class MypanelController extends AdminbaseController{
 private $_address_model = null;
 
 function _initialize() {
  parent::_initialize();
 
  $this->_address_model = D(‘Address‘);
 }
 
 public function ajax_setChild() {
  $parent_id = intval($_GET[‘parent_id‘]);
 
  $data = $this->_address_model->getData($parent_id);
 
  $optionStr = ‘‘;
  foreach($data as $v) {
   $optionStr .= ‘<option value="‘.$v[‘code‘].‘">‘.$v[‘name‘].‘</option>‘;
  }
 
  echo $optionStr;
 }
}

5,AddressModel.class.php

<?php
/* *
 * 后台权限
 */
namespace Common\Model;
use Common\Model\CommonModel;
class AddressModel extends CommonModel {
 public function getData($parentId=0) {
  $data = $this->where(array(‘parentId‘=>$parentId))->order(‘id ASC‘)->select();
 
  return $data;
 }
}
?>
时间: 2024-08-29 11:21:40

thinkphp中实现省市区三级联动菜单的相关文章

基于ThinkPHP+AJAX的省市区三级联动

练习,就当练习. 省市区三级联动,样式如下图所示: 1,导入两个js文件并且导入数据库文件. 两个js文件分别是jquery-2.1.4.min.js和jquery-1.js,数据库文件,见附件. 2,建一个index.html <div> <label>所在地点</label> <select name="province_id" id="province_id" style="width:150px;"

js中的省市区三级联动

想要实现省市区的三级联动,首先需要的是一个下拉框,这个下拉框用我们的<select>标签就能实现,具体如下: <select id="province" onchange="chooseProvince(this)"> <option value="1">请选择省</option> </select><select id="city" onchange=&quo

关于在smarty中实现省市区三级联动

刚开始接触php,,其实对于一些比较深入的东西还不是很了解,就像是这次的省市区联动,都是用三张表为基础编码的,原谅我的无知,谢谢. 接下来就是编码部分了: <?php require('./smarty/Smarty.class.php'); date_default_timezone_set("PRC"); $conn = mysql_connect("localhost","root","123456"); mysq

省市区三级联动菜单(附数据库)

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-------------------------------------------------------------- --省的字段是:province --市的字段是:city --县的字段是:area ----------------------

从QQ网站中提取的纯JS省市区三级联动

http://www.cnblogs.com/zjfree/p/3269864.html 今天收到园友信息,想问我要原来写的一个 < 纯JS省市区三级联动 >文章中最新的省市区数据. 那个是老早以前搞的.记得数据是从数据库中提取生成的.一时也找不到当时的数据库了. 我发现在 http://ip.qq.com/ 的网站中有QQ自己的JS省市区三级联动.所以研究了一下.他的界面如下: 何不直接使用的数据呢? 惊喜的是QQ是使用引用外部JS来实现三级联动的.JS如下:http://ip.qq.com

基于thinkphp和ajax的省市区三级联动

练习,就当练习. 省市区三级联动,样式如下图所示: 1,导入两个js文件并且导入数据库文件. 两个js文件分别是jquery-2.1.4.min.js和jquery-1.js,数据库文件,见附件. 2,建一个index.html <div> <label>所在地点</label> <select name="province_id" id="province_id" style="width:150px;"

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能 要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下拉跟着变化,市级下拉变化时区下拉跟着变化. 使用chinastates表查询 Ajax加载数据 1.这是chinastates表 2.做一个简单php:Ajax_eg.php <!DOCTYPE html><html>    <head>        <meta c

jquery省市区三级联动(数据来源国家统计局官网)内附源码下载

很久很久没有写博了. 今天更新了项目的省市区三级联动数据,更新后最新的海南三沙都有,分享给所有需要的小伙伴们... JQUERY + JSON,无数据库,纯JS代码,无加密,无压缩,可直接使用在任何项目中. 数据来源于国家统计局官网. 先上图: 绑定省市区 使用方法: 1. 引用JQUERY    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min

转: javascript实现全国城市三级联动菜单代码

<html> <head> <title>js全国城市三级联动菜单代码_B5教程网</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script LANGUAGE="JavaScript"> function Dsy() { this.Items = {}; } Dsy