jQuery+jsp实现省市县三级联动效果(附源码)

前端之家收集整理的这篇文章主要介绍了jQuery+jsp实现省市县三级联动效果(附源码)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery+jsp实现省市县三级联动效果方法分享给大家供大家参考,具体如下:

在这里,用MysqL数据库存储了全国所有的省市县地区信息(点击此处代码)

使用过的jar包

MysqL-connector-java-5.1.13-bin.jar

将实验图贴出来:

显示页面index.jsp

<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> 省市区三级联动下拉菜单 城市: 区(县):

数据库交互GetDropdownDataServlet

MysqL.jdbc.Driver"); conn = DriverManager.getConnection("jdbc:MysqL://localhost/dropdown","root","root"); Statement stat = conn.createStatement(); ResultSet rs = stat .executeQuery("select region_id,region_name from region where parent_id = " + parentId); ArrayList rsList = new ArrayList(); Map map = null; while (rs.next()) { map = new HashMap(); map.put("id",rs.getInt(1)); map.put("name",rs.getString(2)); rsList.add(map); } rs = null; Gson gson = new Gson(); json = gson.toJson(rsList); System.out.println("json=" + json); } catch (ClassNotFoundException e) { e.printStackTrace(); } catch (sqlException e) { e.printStackTrace(); } finally { if (conn != null) { try { conn.close(); } catch (sqlException e) { e.printStackTrace(); } } } response.setCharacterEncoding("UTF-8"); response.getWriter().print(json); } }

希望本文所述对大家jQuery程序设计有所帮助。

猜你在找的jQuery相关文章