JSP mysql SpringMvc下中国省市县三级联动下拉框
关键词
JSP mysql数据库 SpringMvc ajax Controller层 Service层 中国地区 省市县 三级联动 下拉框选择
摘要
因项目需要，写了一个省市县三级联动下拉框，省市县数据由mysql数据库调用，实现联动查询选择省市县后，将数据返回目标数据表，并且可以查看选择结果。
功能：项目要求可以新增货编辑商品收件人信息，其中省市县信息可以下拉逐级选择
基本思路：加载jsp页面时,通过java Controller层和Service层，调用获取全部省份，显示省份下拉框；选择省份后，通过change事件调用ajax，通过java Controller层和Service层，找到目标省份下的所有城市，并将数据返回给前台，市下拉框出现对应城市；选择城市后，通过change事件调用ajax，通过java Controller层和Service层，找到目标城市下的劝募县，并将数据返回给前台，县下拉框出现对应县；选择县后，保存数据，并将数据传回mysql数据表union_shop.sql；同考虑一些可能出现的bug；
为了突出主题内容，以下只贴出主要代码块，供大家参考，个人认为重点难点在于数据传出传入，以及避免市县重名的情况；欢迎大家相互交流！
正文
效果展示，如图：
jsp部分：主要进行页面展示，文件名--unionshop_edit.jsp，对应java Controller层提到的mv.setViewName()的路径
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
/*javascript放在这里*/
">
*所在省: | //以下显示省份下拉框 ${pd.addr_province}//数据库有对应数据时(即编辑或查看该条数据)，显示对应数据 请选择省份 //数据库没有对应数据时(即新建一个项目数据)，显示“请选择省份” //生成全部省份下拉框 ${var.region_name} | *所在城市: | //以下显示城市信息 ${pd.addr_city} 请选择城市 /*这里对应的城市option标签是由JavaScript动态生成*/ |
*所在区县: |
//以下显示县信息
${pd.addr_county}
请选择县
/*这里对应的县option标签有JavaScript自动生成*/
保存 //保存提交数据，触发form表头的onsubmit时间
