不少系统都需要实现省市区三级联动下拉,像人口信息管理、电子商务网站、会员管理等,都需要填写地址相关信息。而用ajax实现的无刷新省市区三级联动下拉则可以改善用户体验,目前基本上所有网站都是采用这一种方式。现在ajax的使用已经不像最初那样使用最原始的方法了,因为有很多的js框架供我们选择,我们只需要调用它们的一个方法就可以实现ajax功能,而其他的则交给js组件去完成。

最近整理了一份最新的全国省市区县数据库,再加上之前还没有在jsp中实现过省市区三级联动下拉,于是今天就花了一点时间结合jQuery框架来实现。

下面简单描述一下老k这次利用jsp+jquery实现省市区三级联动下拉的过程。

1.数据库准备

本实例使用的数据是MySQL,把demo.sql导入到数据库中即可。

2.Java后端

新建一个servlet,实现从数据库中读取数据,并把返回结果以json的格式输出到前端。要使用servlet,还需要在web.xml中进行配置。

3.jsp前端

调用jquery ajax方法调用servlet获取数据,前端利用json的相关js组件来把json字符串转换成js对象并循环生成下拉选项数据。为第一级和第二级下拉分别加上onchange事件。

到此已经大功告成,具体的代码可以下载本文java实例源码:jsp结合jquery实现省市区三级联动下拉源代码查看,下载后用myeclipse导入并部署到tomcat就可以访问项目看到效果了。程序比较容易扩展,如果数据齐全,实现n级联动下拉也是轻而易举的。

http://blog.csdn.net/kalision/article/details/39229953

http://pan.baidu.com/share/link?shareid=449587&uk=3288691396

mysql jsp省市区三级联动_用jsp实现省市区三级联动下拉相关推荐

  1. java代码在jsp中怎么写_在jsp中写java代码

    该服务器上的所有的访问者的所有 jsp 页面 D.该服务器上的所有的访问者的所有 jsp 页面和 Java 程序 6.在 JSP 中调用 JavaBean 时不会用到的标记是( )...... jav ...

  2. excel图表交互联动_如何使用高大上的多级联动交互式图表来分析人员结构?

    关注[新精英充电站]能力提升看得见! 众所周知,Excel中的图表是分析数据最重要一枚利器.但一般我们分析数据时使用的图表都是静态的,一个图表只能展示一个数据维度的情况,如果需要展示的数据有多个维度, ...

  3. 下拉框的value值怎么设置为变量_自绘制HT For Web ComboBox下拉框组件

    传统的HTML5的下拉框select只能实现简单的文字下拉列表,而HT for Web通用组件中ComboBox不仅能够实现传统HTML5下拉框效果,而且可以在文本框和下拉列表中添加自定义的小图标,让 ...

  4. 如何让图片充满excel单元格_如何在Excel单元格建立下拉菜单

    对于一些常用的数据我们往往会希望能够尽量快速的输入,下拉菜单就是一个最简单的解决办法.那么如何实现下拉菜单呢?跟随以下步骤,建立属于自己的下拉菜单吧! 如何建立下拉菜单? 一.确定内容:在单元格中,输 ...

  5. idea运行jsp显示源码_基于jsp+mysql+Spring+mybatis的SSM在线个人PC电脑商城平台网站系统...

    运行环境: 最好是java jdk 1.8,我们在这个平台上运行的.其他版本理论上也可以.IDE环境: Eclipse,Myeclipse,IDEA都可以tomcat环境: Tomcat 7.x,8. ...

  6. jsp mysql简单仓库信息管理系统_基于jsp+mysql的JSP简单学生信息管理系统

    运行环境: 最好是java jdk 1.8,我们在这个平台上运行的.其他版本理论上也可以. IDE环境: Eclipse,Myeclipse,IDEA都可以 tomcat环境: Tomcat 7.x, ...

  7. jsp mysql做登入界面_用jsp实现网站登录界面的制作,并连接数据库

    这里介绍一下怎样连接数据库,并用jsp制作一个简单的登录界面 1.首先需要搭建好环境,有Tomcat,eslipse,jdk等,并配置好环境变量,并安装好数据库,这里我使用的数据库是mysql数据库, ...

  8. mysql jsp论坛源码_论坛jsp源码|JSP论坛源码 jsp+mysql+tomcat下载_红软基地

    jdk1.6 tomcat 5.0以上版本 mysql 5.0版本以上 myeclipse 6.0版本以上用jsp+mysql+tomcat写的简单bbs论坛. 软件介绍 实现注册,登录,发帖,回帖, ...

  9. mysql 自动排班表_基于jsp+mysql+Spring的Spring自动排班管理系统

    运行环境: 最好是java jdk 1.8,我们在这个平台上运行的.其他版本理论上也可以. IDE环境: Eclipse,Myeclipse,IDEA都可以 tomcat环境: 最好是Tomcat 7 ...

  10. java jsp教师工资计算_基于jsp的教师工资管理-JavaEE实现教师工资管理 - java项目源码...

    基于jsp+servlet+pojo+mysql实现一个javaee/javaweb的教师工资管理, 该项目可用各类java课程设计大作业中, 教师工资管理的系统架构分为前后台两部分, 最终实现在线上 ...

最新文章

  1. 面试官:兄弟,说说 ArrayList 和 LinkedList 有什么区别
  2. rs485协议_你知道HART和RS485协议的区别吗?
  3. uniapp添加顶部导航栏颜色渐变
  4. ORM框架之------Dapper,Net下无敌的ORM
  5. 【收藏】windows下 Mysql 错误 Can‘t open and lock privilege tables: Table ‘mysql.user‘ doesn‘t exist
  6. c# gdi设置画刷透明
  7. Java发送Http请求,解析html返回
  8. DL-C_1_week_1_1
  9. 太阳光轨迹软件_巧用虚拟天文馆软件Stellarium演示太阳周日视运动轨迹_贺志康...
  10. QQ截图“钉在桌面上”:不用另外下载软件让图片在屏幕置顶,永远保持在最前面、最顶端
  11. 微信快捷回复技巧秘籍
  12. Python爬虫入门教程:蜂鸟网图片爬取
  13. 我在CSDN的2021--一次没有专栏的写在尾声
  14. xp无法查看工作组计算机 服务没有启动,XP系统弹出“无法查看工作组计算机”提示怎么办?...
  15. cygwin apt-cyg
  16. win10系统oracle删除用户,win10 清除个人数据库
  17. 0.5mm间距BGA芯片的PCB设计
  18. Typora1.0.2 + SMMS上传图片
  19. iOS 审核总被拒?如何提升 iOS 审核通过率!
  20. 单片机编程简易计算机的设计,简易计算器设计

热门文章

  1. Navicat执行sql文件
  2. Ubuntu下ADSL配置
  3. 2011年国家统计局省市代码、城市代码、省份代码表数据
  4. python语义网络图_知识图谱之语义网络篇
  5. 《高质量C/C++编程》读书笔记
  6. windows系统: 解决ie谷歌浏览器证书错误.2021-05-27
  7. Java实现Excel导入和导出,看这一篇就够了(珍藏版)
  8. Tableau如何动态显示销售数据排名
  9. C++ OpenCV技术实战之身份证离线识别
  10. 基于opencv的身份证识别系统