php三级实例,三级联动实例
摘要:html>
三级联动实例
html>
三级联动实例
省
市
区
$(function(){
$.getJSON('demo.json',function(data){
let option = '选择(省)';
$.each(data,function(i){
option += ''+data[i].proName+'';
});
$('#pro').html(option);
});
$('#pro').change(function(){
$.getJSON('demo.json',function(data){
$.each(data,function(i){
if (data[i].proId == $('#pro').val()) {
option += ''+data[i].cityName+'';
}
});
$('#city').html(option);
});
});
$('#city').change(function(){
$.getJSON('demo.json',function(data){
$.each(data,function(i){
if (data[i].cityId == $('#city').val()) {
option += ''+data[i].areaName+'';
}
});
$('#area').html(option);
});
});
})
//省
[
{
"proId": 1,
"proName": "山东"
},
{
"proId": 2,
"proName": "河南"
}
{
"proId": 3,
"proName": "安徽"
}
{
"proId": 4,
"proName": "浙江"
}
{
"proId": 5,
"proName": "江苏"
}
{
"proId": 6,
"proName": "广东"
}
{
"proId": 7,
"proName": "上海"
}
]
//市
[
{
"cityId": 1,
"cityName": "济南",
"proId":1
},
{
"cityId": 2,
"cityName": "菏泽",
"proId":1
},
{
"cityId": 3,
"cityName": "青岛",
"proId":1
},
{
"cityId": 4,
"cityName": "淄博",
"proId":1
},
{
"cityId": 5,
"cityName": "枣庄",
"proId":1
},
{
"cityId": 6,
"cityName": "东营",
"proId":1
},
{
"cityId": 7,
"cityName": "郑州",
"proId":2
},
{
"cityId": 8,
"cityName": "开封",
"proId":2
},
{
"cityId": 9,
"cityName": "洛阳",
"proId":2
},
{
"cityId": 10,
"cityName": "许昌",
"proId":2
},
{
"cityId": 11,
"cityName": "漯河",
"proId":2
},
{
"cityId": 12,
"cityName": "安阳",
"proId":2
}
]
//县区
[
{
"areaId": 1,
"areaName": "历下区",
"cityId": 1
},
{
"areaId": 2,
"areaName": "天桥区",
"cityId": 1
},
{
"areaId": 3,
"areaName": "市中区",
"cityId": 1
},
{
"areaId": 4,
"areaName": "长清区",
"cityId": 1
},
{
"areaId": 5,
"areaName": "曹县",
"cityId": 2
},
{
"areaId": 6,
"areaName": "单县",
"cityId": 2
},
{
"areaId": 7,
"areaName": "牡丹区",
"cityId": 2
},
{
"areaId": 8,
"areaName": "定陶县",
"cityId": 2
}
]
跑不起来是什么原因,是服务器设置的问题吗?
批改老师:韦小宝批改时间:2019-01-22 16:34:46
老师总结:运行的时候提示了什么错误?等会QQ联系我一下,我帮你看看
php三级实例,三级联动实例相关推荐
- 纯JS实现省市县三级下拉联动
纯JS实现省市县三级下拉联动 代码如下: <!DOCTYPE html> <html lang="en"> <head><meta cha ...
- SQL:安装多个实例,修改实例端口号,和IP加端口号连接实例
原文:SQL:安装多个实例,修改实例端口号,和IP加端口号连接实例 sql server 安装第一个实例,默认实例的端口是1433, 一个库中如果有多个实例, 从第二个实例开始的端口是动态端口,需 ...
- python 私有和保护成员变量如何实现?—— 单下划线 开始的成员变量叫做保护变量,意思是只有类实例和子类实例能访问到这些变量; 双下划线 开始的是私有成员,意思是只有类对象自己能访问...
默认情况下,Python中的成员函数和成员变量都是公开的(public),在python中没有类似public,private等关键词来修饰成员函数和成员变量. 在python中定义私有变量只需要在变 ...
- 实验4:正确的为各种属性赋值||实验7:通过abstract属性创建一个模板bean||实验8:bean之间的依赖||实验9:测试bean的作用域,分别创建单实例和多实例的bean★(测试)
实验4:正确的为各种属性赋值 测试使用null值 . 引用类型赋值(引用其他bean.引用内部bean)(测试) 集合类型赋值(List.Map.Properties).(测试 ...
- Nginx配置实例-负载均衡实例:平均访问多台服务器
场景 Nginx配置实例-反向代理实例:根据访问的路径跳转到不同端口的服务中: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10 ...
- 头回遇见网上找不到的问题,“缺少实例ID,实例ID是必需的”
给sql server 2008 R2添加功能时,选择实例页面,报"缺少实例ID,实例ID是必需的",各大搜索引擎,均没有此错误,包括MSDN!!! 转载于:https://www ...
- 博途软件中多重背景块的建立_如何正确的理解西门子博途中的—单个实例和多重实例的区别...
启程自动化培训-工业机器人实训基地www.qichengplc.com 1:我们在博途中先新建一个工程,并且建立一个FB块名字为Motor,里面写上我们编程里常用的自锁回路 如下图所示: 2:我们在 ...
- oracle中master实例,Oracle10g/11g RAC数据库中的Master实例、Owner实例和Past Image的概念PART2...
实验第21步: 在任一个实例上执行: selectcount(*)from myviewwhere "OWNER_Instance" <> "MASTER_I ...
- java判断接口对象是哪个子类_Java提供了一个关键字( ),可以判断一个对象是否为某个类(或接口)的实例或者子类实例。...
Java提供了一个关键字( ),可以判断一个对象是否为某个类(或接口)的实例或者子类实例. 更多相关问题 -Do you know a has just opened in our neighborh ...
最新文章
- swoole会合并到php吗,thinkphp整合swoole
- Java日期格式化SimpleDateFormat
- 多生产者多消费者linux内核,Linux多线程实现“生产者和消费者”
- 【图像处理】基于matlab直方图医学图像处理【含Matlab源码 458期】
- php vendor 删除,composer update删除第三方库的问题
- oracle查询第三个字母是A的员工,oracle_day2 限制查询
- jQuery表单提交
- Tomcat热部署问题
- easyboot-code-generate 自动生成代码
- http解析库http-parser
- Ubuntu断电重启后出现recovering journal的问题
- 【51CTO学院三周年】初识51cto到习惯打开51cto
- MVC框架实现用户的登录注册功能
- hexo添加点击爆炸效果 duang duang duang
- Kafka深入浅出(一)
- 6个Python数据分析神器~
- spoj p104 Matrix-Tree定理
- co.,ltd(Co.,Ltd)是什么意思
- 红队、蓝队和紫队组合:安全保障的协作方法
- 在阿里云ECS上安装流媒体服务器软件Ti Top Streamer