省,市,县三级联动
发布日期:2021-10-12 20:07:54
浏览次数:19
分类:技术文章
本文共 1378 字,大约阅读时间需要 4 分钟。
js 加载 获取省市县
//页面加载时获取省的信息 $(function() { getProvinces(); }); //获取所有省份 function getProvinces(ele) { //获取省 $.getJSON("/user/system/getProvinces", function(data) { $.each(data, function() { var opt = $("").append(this.provinceName) .attr("provinceId", this.provinceId); opt.appendTo("#Province_add_select"); }) }); } //下拉框改变时获取相应市的信息 function selectCitys(ele) { var provinceId = $("#Province_add_select").find("option:selected") .attr("provinceId"); //根据省id获取对应的城市 $.getJSON("/user/system/getCity", { provinceId : provinceId }, function(data) { $("#City_add_select").empty(); $.each(data, function() { var opt = $("").append(this.cityName) .attr("cityId", this.cityId); opt.appendTo("#City_add_select"); }) }) } //下拉框改变时获取相应区的信息 function selectCountys(ele) { var cityId = $("#City_add_select").find("option:selected").attr( "cityId"); //根据市id获取相对应的区县 $.getJSON("/user/system/getArea", { cityId : cityId }, function(data) { $("#County_add_select").empty(); $.each(data, function() { var opt = $("").append(this.areaName); opt.appendTo("#County_add_select"); }) }) }
html
省市县数据库表
链接:https://pan.baidu.com/s/19UWT3ZVMngbzfxlc89-L6A
提取码:3rpf
转载地址:https://blog.csdn.net/qq_39772439/article/details/90236960 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2024年03月25日 00时34分48秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
【计算机操作系统】-什么是系统调用呢?什么是用户态?什么是内核态?
2019-04-26
【计算机操作系统-进程管理】-进程通信是什么呢?
2019-04-26
Python程序元素分析
2019-04-26
TurtleArt美景图
2019-04-26
margin布局
2019-04-26
盒模型之border实践--三角形
2019-04-26
块状元素与内敛元素
2019-04-26
CSS控制段落和文字属性和背景
2019-04-26
Python语言开发工具
2019-04-26
Requests库的入门
2019-04-26
Robots协议
2019-04-26
Python网络爬虫的网站实例
2019-04-26
HTML学习思维导图
2019-04-26
h标签与p标签
2019-04-26
BeautifulSoup库的安装及基本元素
2019-04-26
基于bs4的HTML内容遍历方法
2019-04-26
信息标记与信息提取
2019-04-26
各大网站CSS初始化代码
2019-04-26
正则表达式的基本用法
2019-04-26
Python的Re库(正则表达式)基本用法
2019-04-26