摘要: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三级实例,三级联动实例相关推荐

  1. 纯JS实现省市县三级下拉联动

    纯JS实现省市县三级下拉联动 代码如下: <!DOCTYPE html> <html lang="en"> <head><meta cha ...

  2. SQL:安装多个实例,修改实例端口号,和IP加端口号连接实例

    原文:SQL:安装多个实例,修改实例端口号,和IP加端口号连接实例 sql server 安装第一个实例,默认实例的端口是1433,   一个库中如果有多个实例, 从第二个实例开始的端口是动态端口,需 ...

  3. python 私有和保护成员变量如何实现?—— 单下划线 开始的成员变量叫做保护变量,意思是只有类实例和子类实例能访问到这些变量; 双下划线 开始的是私有成员,意思是只有类对象自己能访问...

    默认情况下,Python中的成员函数和成员变量都是公开的(public),在python中没有类似public,private等关键词来修饰成员函数和成员变量. 在python中定义私有变量只需要在变 ...

  4. 实验4:正确的为各种属性赋值||实验7:通过abstract属性创建一个模板bean||实验8:bean之间的依赖||实验9:测试bean的作用域,分别创建单实例和多实例的bean★(测试)

    实验4:正确的为各种属性赋值     测试使用null值 .     引用类型赋值(引用其他bean.引用内部bean)(测试)     集合类型赋值(List.Map.Properties).(测试 ...

  5. Nginx配置实例-负载均衡实例:平均访问多台服务器

    场景 Nginx配置实例-反向代理实例:根据访问的路径跳转到不同端口的服务中: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10 ...

  6. 头回遇见网上找不到的问题,“缺少实例ID,实例ID是必需的”

    给sql server 2008 R2添加功能时,选择实例页面,报"缺少实例ID,实例ID是必需的",各大搜索引擎,均没有此错误,包括MSDN!!! 转载于:https://www ...

  7. 博途软件中多重背景块的建立_如何正确的理解西门子博途中的—单个实例和多重实例的区别...

    启程自动化培训-工业机器人实训基地​www.qichengplc.com 1:我们在博途中先新建一个工程,并且建立一个FB块名字为Motor,里面写上我们编程里常用的自锁回路 如下图所示: 2:我们在 ...

  8. oracle中master实例,Oracle10g/11g RAC数据库中的Master实例、Owner实例和Past Image的概念PART2...

    实验第21步: 在任一个实例上执行: selectcount(*)from myviewwhere "OWNER_Instance" <> "MASTER_I ...

  9. java判断接口对象是哪个子类_Java提供了一个关键字( ),可以判断一个对象是否为某个类(或接口)的实例或者子类实例。...

    Java提供了一个关键字( ),可以判断一个对象是否为某个类(或接口)的实例或者子类实例. 更多相关问题 -Do you know a has just opened in our neighborh ...

最新文章

  1. swoole会合并到php吗,thinkphp整合swoole
  2. Java日期格式化SimpleDateFormat
  3. 多生产者多消费者linux内核,Linux多线程实现“生产者和消费者”
  4. 【图像处理】基于matlab直方图医学图像处理【含Matlab源码 458期】
  5. php vendor 删除,composer update删除第三方库的问题
  6. oracle查询第三个字母是A的员工,oracle_day2 限制查询
  7. jQuery表单提交
  8. Tomcat热部署问题
  9. easyboot-code-generate 自动生成代码
  10. http解析库http-parser
  11. Ubuntu断电重启后出现recovering journal的问题
  12. 【51CTO学院三周年】初识51cto到习惯打开51cto
  13. MVC框架实现用户的登录注册功能
  14. hexo添加点击爆炸效果 duang duang duang
  15. Kafka深入浅出(一)
  16. 6个Python数据分析神器~
  17. spoj p104 Matrix-Tree定理
  18. co.,ltd(Co.,Ltd)是什么意思
  19. 红队、蓝队和紫队组合:安全保障的协作方法
  20. 在阿里云ECS上安装流媒体服务器软件Ti Top Streamer

热门文章

  1. 【转载】会议是浪费工作时间的最佳去处
  2. C++ 创建快捷方式的最简单方法
  3. 大型网站的Google排名策略
  4. 2020 年 7 个软件开发趋势
  5. VS2019优化新鲜出炉:C++后端更新汇总
  6. Google 推出免费利器,让编程小白也能开发游戏
  7. 2019年大数据发展趋势预测
  8. linux游戏调试,LINUX游戏服务器的安装与调试.doc
  9. 科研分享|一个论文关系网络可视化网站
  10. Cell | 大规模多组织转录组学研究揭示长非编码RNA与人类复杂疾病的联系