模板部分代码:

<form method='post' action='' id='myform' name='myform'>

<dl><dt>地址</dt>

<dd>

<select name='prov' id='prov'>

<option value=''>省份</option>

<?php $prov=M('')->where($where)->order('order')->select();?>

<?php foreach($prov as $k){?>

<option value='<?php echo $k["id"];?>'><?php echo $k['name'];?></option>

<?php }?>

</select>

<select name='city' id='city'>

<option value=''>城市</option>

</select>

<select name='zone' id='zone'>

<option value=''>区域</option>

</select>

</dd>

</dl>

</form>

<script>

$('#prov').on('change',function(){

if($(this).val()=='')

$('#city').empty();

else {

var prov=$(this).val();

$.get('/index.php/moduel/controller/getcity?prov='+prov,function(data){

var s='';

$.each(data,function(i,n){

s+='<option value="'+n.id+'">'+n.name+'</option>';

});

$('#city').html(s);

$('#city').trigger('change');

});

}

});

$('#city').on('change',function(){

if($(this).val()=='')

$('#zone').empty();

else {

var city=$(this).val();

$.get('/index.php/moduel/controller/getzone?city='+city,function(data){

var s='';

$.each(data,function(i,n){

s+='<option value="'+n.id+'">'+n.name+'</option>';

});

$('#zone').html(s);

});

}

});

</script>

控制器部分代码:

<?php

namespace app\moduel\controller;

class Controller extends controller

{

public function getcity()

{

$prov=$_GET['prov'];

$where=;

if($prov==2||$prov==3||$prov==4||$prov==5)
                    $where=array('linkageid'=>$prov,'keyid'=>1,'city'=>1);

$data=;

return $data;

}

public function getzone()

{

$city=$_GET['city'];

$where=;

$data=;

return $data;

}

}

?>

转载于:https://www.cnblogs.com/apeandcat/p/6118665.html

省份,城市,地区------三级联动菜单//要加注释相关推荐

  1. 省份城市区县三级联动html代码,JavaScript实现省份城市的三级联动

    本文实例为大家分享了js实现省份城市的三级联动的具体代码,供大家参考,具体内容如下 效果图: Document select{ width: 80px; margin: 5px; } // 省份数组 ...

  2. 中国地区三级联动菜单(纯js制作)

    第一步:在网页中写入如下代码: <!DOCTYPE html> <!--次行代表使用的是html5,如果不支持请换成html4--> <html> <head ...

  3. 省份城市区县三级联动html代码,基于Jquery实现省份、城市、区县三级联动

    -//W3C//DTD HTML 4.01 Transitional//EN" ";> $(document).ready(function(){ //省份城市数组 var ...

  4. js+php做省份城市选择,三级联动,前后端简单交互,最详细

    需要先安装xampp,,免费的软件,然后运行apache,我安装的英文版 没有红色或×或者报错,就能正常运行,如果软件有报错问题,可以网上搜索相关解决方案,都有. 文件我写了四个,一个html,三个p ...

  5. 中国地区三级联动下拉菜单的实现

    1.首先是js文件(area.js): 1 function Dsy() 2 { 3 this.Items = {}; 4 } 5 Dsy.prototype.add = function(id,iA ...

  6. 中国地区三级联动下拉菜单

    原文地址为: 中国地区三级联动下拉菜单 <html> <head> <meta http-equiv="Content-Type" content=& ...

  7. 非常不错的地区三级联动,js简单易懂。封装起来了(转)

    非常不错的地区三级联动,js简单易懂.封装起来了 首先需要引入area.js,然后配置并初始化插件: 例: <!-- 绑定银行卡开始 --><script src="js/ ...

  8. 基于jQuery的AJAX实现三级联动菜单

    最近学习jQuery,所以就写了一个关于中国省市县/区的三级联动菜单,权当相互学习,相互促进,特此记录. 下面是嵌套js的html文件: <!DOCTYPE html> <html ...

  9. ElementUI自定义组件之地区三级联动

    由于家里变故和公司变动,近一年多没更新过博客了.近期稍有空暇,在此与有需要的朋友分享一个,基于Vue+ElementUI的地区三级联动组件. 先上效果图  上核心代码 MbDistrictPicker ...

最新文章

  1. 很好的Markdown开源库
  2. linux ubuntu systemd-udevd进程 cpu占用过高 解决方法
  3. cannot resolve symbol
  4. PhotoFiltre Studio X中文版
  5. Knative 应用在阿里云容器服务上的最佳实践
  6. PHP接入支付宝手机网站支付、移动支付接口
  7. 转行AI成功的秘诀只有一个,那就是……
  8. P3701 -「伪模板」主席树【网络流,最大流】
  9. 关于压缩工具 7z(7-zip) 如何创建自释放档案(选项 -sfx 的解读)
  10. 病毒的手工排除与分析(更新完毕)
  11. 信息学竞赛的常数优化、常见问题、代码风格相关
  12. oracle中-1002,安装Oracle RAC时, 碰到到了PRKC-1002错误
  13. “磁碟机”病毒分析报告
  14. Apriori算法——中医病症辩证关联规则分析
  15. 超简单看懂匈牙利算法
  16. python区域找图_使用Imagemagick查找相似区域
  17. Redis主从架构 | 黑马Redis高级篇
  18. 前端ui框架layui——layer弹出层-弹出框方法
  19. 雨中竞速,本周F1DeltaTime大奖赛带你清凉一下
  20. 什么手机杀毒软件最好用?3款很棒的手机用杀毒软件推荐给你

热门文章

  1. 表单提交_Linux curl 表单登录或提交与cookie使用
  2. flutter图片预览_flutter - 图片预览放大滑动(photo_view)
  3. ajax 连接java,如何使用Ajax连接到Java servlets?
  4. 请求url处理java_【脚本写作】Java: HttpURLConnection请求处理
  5. 计算机系统的组成doc,计算机系统由(组成.doc
  6. oracle创建登录用户有限制吗,Oracle创建用户限制文件,表空间用户授权等。
  7. pytorch torchvision.transforms.CenterCrop
  8. Scala 隐式转换
  9. 网络连接方式 NAT
  10. tesseract win 训练