基于SpringMVC 和MyBatis的实现省份城市之间的动态切换
来源:互联网 发布:linux下不保存退出 编辑:程序博客网 时间:2024/06/06 00:26
实现选择省份城市也跟着动态变化
1.建立数据库
我的例子是:三个属性scode(唯一标识一个省份或一个城市),sname(省份或城市的名称),pcode(省份的为0,城市的为省份的scode)
2.在jsp页面获得选中的省份的scode
<tr><td style="width:75px;text-align: right;padding-top: 13px;">公司省份:</td><td><select class="chosen-select form-control" name="COMPANY_PROVINCE"id="COMPANY_PROVINCE" style="width:98%;" onchange="change()"datatype="*" nullmsg="请选择省份"><option value="">请选择省份</option><c:forEach items="${tmcitys}" var="tmcity"><option value="${tmcity.scode}">${tmcity.sname}</option></c:forEach></select></td></tr>
onchange当省份值改变是执行change函数
3.
function change() { var ajaxData = $("#COMPANY_PROVINCE").val();//.find("option:selected").text() find("option:selected").//获得选中的省份的scode $.ajax({ type: 'POST',url: "<%=basePath%>tmcompany/addCity.do",data: {"province_id":ajaxData}, dataType: 'json', contentType: "application/x-www-form-urlencoded;charset=utf-8", success: function (data) { document.getElementById("COMPANY_CITY").innerHTML = ""; console.log(data); if (data.msg == "success") { for(var i=0;i<data.varList.length;i++){ $("#COMPANY_CITY").append('<option value="' +data.varList[i].scode + '">' +data.varList[i].sname + '</option>') } } else if (data.msg == "error") { alert('提交失败,请刷新重试', {icon: 2}); } }, error: function (data) { alert("error = " + data); } }); }4.获得的省份scode封装成json传到后台
5.在后台根据scode查询pcode'相等的城市的scode,返回给前台
6.
/**传回城市页面 * @param * @throws Exception */@RequestMapping(value="/addCity")@ResponseBodypublic Object addCity()throws Exception{PageData pd = new PageData();pd = this.getPageData();Map<String, Object> map = new HashMap<String, Object>();String province_id = pd.getString("province_id");pd.put("provice_id",province_id.trim());List<PageData>varList = tmCityService.findByProvince(pd);map.put("varList", varList);map.put("msg", "success");return AppUtil.returnObject(pd, map);}7.在 前台获得map返回的数组,遍历数组,动态在js里写option(上面有代码),就能达到预期效果啦
阅读全文
0 0
- 基于SpringMVC 和MyBatis的实现省份城市之间的动态切换
- echarts地图中城市与省份之间的切换
- 实现动态加载省份和城市
- 无刷新动态选择省份和城市的实例
- 省份及城市的下拉框实现
- js实现省份、城市的级联选择
- JS中实现省份之间的动态跳转
- JS中实现省份之间的动态跳转
- DropDownList的级联绑定省份和城市
- 省份和城市的二级列表
- 基于Spring Boot实现Mybatis的多数据源切换和动态数据源加载
- Android 实现省份城市的选择,并获取城市编号
- Android 实现省份城市的选择,并获取城市编号
- 用 JS 动态载入 省份 和 城市
- 省份城市联动的例子
- js的二级联动实现省份城市的选择
- 全国省份与城市的下拉框实现
- 省份和城市的数据(到县一级)
- 分布式服务Dubbo从入门到"精通"之Schema实现
- 使用信号监控 Django 模型对象字段值的变化
- MPAndroidChart使用详解
- 0604学习总结(进程,多进程,线程)
- Window-Screen对象
- 基于SpringMVC 和MyBatis的实现省份城市之间的动态切换
- 在 Android 的文字编辑控件 (TEdit) 中, 如何按下 Enter 就隐藏虚拟键盘
- 课程从html到jsp MVC的一点小结
- Raspberrypi Linux: 为php安装protobuf扩展
- Unity_简单的摄像机绕物体旋转
- nvcc: command not found
- 初次在idea运行ssm框架项目
- CentOS防火墙配置
- 分布式服务Dubbo从入门到"精通"之序言