tp5.1-----点击一级城市获取二级城市技巧+知识点

项目中经常会采集用户的所在城市,为了更好的体验,点击一级城市自动获取相关的二级城市 交互ajax
通过抛送ajax的 查到二级内容 通过组装显示到页面
tp5.1-----点击一级城市获取二级城市技巧+知识点
首先数据库的设计无限极分类 parent_id 0为最高级 parent_id 为id 证明属于谁的下一级
tp5.1-----点击一级城市获取二级城市技巧+知识点
获取一级城市
tp5.1-----点击一级城市获取二级城市技巧+知识点
结果
tp5.1-----点击一级城市获取二级城市技巧+知识点
第二个下拉菜单的内容自动获取相关的二级城市:
思路 当框1(一级城市)发生变化,ajax获取 框1中的value值即城市的id。在将一级城市的id传递给一个控制器,查询对应parentId=一级城市id的值 反馈给ajax 在显示到html上。

把ajax写到了public/static/admin/js/common.js的一个公共js文件中,地址需要在html获取。
tp5.1-----点击一级城市获取二级城市技巧+知识点
tp5.1-----点击一级城市获取二级城市技巧+知识点
传递给控制器,控制器查找二级城市的内容
tp5.1-----点击一级城市获取二级城市技巧+知识点自定义一个返回的方法
tp5.1-----点击一级城市获取二级城市技巧+知识点
tp5.1-----点击一级城市获取二级城市技巧+知识点
tp5.1-----点击一级城市获取二级城市技巧+知识点
如果是常规的success 无法将二级城市的内容传递回去
例如tp5.1-----点击一级城市获取二级城市技巧+知识点
只有状态 url
tp5.1-----点击一级城市获取二级城市技巧+知识点
将控制器查到的数据 通过自定义函数返回到ajax中
tp5.1-----点击一级城市获取二级城市技巧+知识点

tp5.1-----点击一级城市获取二级城市技巧+知识点
最终效果
tp5.1-----点击一级城市获取二级城市技巧+知识点

当用户在表单中选择了一级城市二级城市 如何存到数据库
tp5.1-----点击一级城市获取二级城市技巧+知识点在页面查看二级菜单的内容 。
tp5.1-----点击一级城市获取二级城市技巧+知识点

多选框:与下拉菜单类似 在html填充内容的时候有所不同
tp5.1-----点击一级城市获取二级城市技巧+知识点tp5.1-----点击一级城市获取二级城市技巧+知识点tp5.1-----点击一级城市获取二级城市技巧+知识点
存入数据库
tp5.1-----点击一级城市获取二级城市技巧+知识点
tp5.1-----点击一级城市获取二级城市技巧+知识点在页面上查看子分类
tp5.1-----点击一级城市获取二级城市技巧+知识点