省份,城市,地区------三级联动菜单//要加注释
模板部分代码:
<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
省份,城市,地区------三级联动菜单//要加注释相关推荐
- 省份城市区县三级联动html代码,JavaScript实现省份城市的三级联动
本文实例为大家分享了js实现省份城市的三级联动的具体代码,供大家参考,具体内容如下 效果图: Document select{ width: 80px; margin: 5px; } // 省份数组 ...
- 中国地区三级联动菜单(纯js制作)
第一步:在网页中写入如下代码: <!DOCTYPE html> <!--次行代表使用的是html5,如果不支持请换成html4--> <html> <head ...
- 省份城市区县三级联动html代码,基于Jquery实现省份、城市、区县三级联动
-//W3C//DTD HTML 4.01 Transitional//EN" ";> $(document).ready(function(){ //省份城市数组 var ...
- js+php做省份城市选择,三级联动,前后端简单交互,最详细
需要先安装xampp,,免费的软件,然后运行apache,我安装的英文版 没有红色或×或者报错,就能正常运行,如果软件有报错问题,可以网上搜索相关解决方案,都有. 文件我写了四个,一个html,三个p ...
- 中国地区三级联动下拉菜单的实现
1.首先是js文件(area.js): 1 function Dsy() 2 { 3 this.Items = {}; 4 } 5 Dsy.prototype.add = function(id,iA ...
- 中国地区三级联动下拉菜单
原文地址为: 中国地区三级联动下拉菜单 <html> <head> <meta http-equiv="Content-Type" content=& ...
- 非常不错的地区三级联动,js简单易懂。封装起来了(转)
非常不错的地区三级联动,js简单易懂.封装起来了 首先需要引入area.js,然后配置并初始化插件: 例: <!-- 绑定银行卡开始 --><script src="js/ ...
- 基于jQuery的AJAX实现三级联动菜单
最近学习jQuery,所以就写了一个关于中国省市县/区的三级联动菜单,权当相互学习,相互促进,特此记录. 下面是嵌套js的html文件: <!DOCTYPE html> <html ...
- ElementUI自定义组件之地区三级联动
由于家里变故和公司变动,近一年多没更新过博客了.近期稍有空暇,在此与有需要的朋友分享一个,基于Vue+ElementUI的地区三级联动组件. 先上效果图 上核心代码 MbDistrictPicker ...
最新文章
- 很好的Markdown开源库
- linux ubuntu systemd-udevd进程 cpu占用过高 解决方法
- cannot resolve symbol
- PhotoFiltre Studio X中文版
- Knative 应用在阿里云容器服务上的最佳实践
- PHP接入支付宝手机网站支付、移动支付接口
- 转行AI成功的秘诀只有一个,那就是……
- P3701 -「伪模板」主席树【网络流,最大流】
- 关于压缩工具 7z(7-zip) 如何创建自释放档案(选项 -sfx 的解读)
- 病毒的手工排除与分析(更新完毕)
- 信息学竞赛的常数优化、常见问题、代码风格相关
- oracle中-1002,安装Oracle RAC时, 碰到到了PRKC-1002错误
- “磁碟机”病毒分析报告
- Apriori算法——中医病症辩证关联规则分析
- 超简单看懂匈牙利算法
- python区域找图_使用Imagemagick查找相似区域
- Redis主从架构 | 黑马Redis高级篇
- 前端ui框架layui——layer弹出层-弹出框方法
- 雨中竞速,本周F1DeltaTime大奖赛带你清凉一下
- 什么手机杀毒软件最好用?3款很棒的手机用杀毒软件推荐给你
热门文章
- 表单提交_Linux curl 表单登录或提交与cookie使用
- flutter图片预览_flutter - 图片预览放大滑动(photo_view)
- ajax 连接java,如何使用Ajax连接到Java servlets?
- 请求url处理java_【脚本写作】Java: HttpURLConnection请求处理
- 计算机系统的组成doc,计算机系统由(组成.doc
- oracle创建登录用户有限制吗,Oracle创建用户限制文件,表空间用户授权等。
- pytorch torchvision.transforms.CenterCrop
- Scala 隐式转换
- 网络连接方式 NAT
- tesseract win 训练