tp5.1-----点击一级城市获取二级城市技巧+知识点
项目中经常会采集用户的所在城市,为了更好的体验,点击一级城市自动获取相关的二级城市 交互ajax
通过抛送ajax的 查到二级内容 通过组装显示到页面
首先数据库的设计无限极分类 parent_id 0为最高级 parent_id 为id 证明属于谁的下一级
获取一级城市
结果
第二个下拉菜单的内容自动获取相关的二级城市:
思路 当框1(一级城市)发生变化,ajax获取 框1中的value值即城市的id。在将一级城市的id传递给一个控制器,查询对应parentId=一级城市id的值 反馈给ajax 在显示到html上。
把ajax写到了public/static/admin/js/common.js的一个公共js文件中,地址需要在html获取。
传递给控制器,控制器查找二级城市的内容自定义一个返回的方法
如果是常规的success 无法将二级城市的内容传递回去
例如
只有状态 url
将控制器查到的数据 通过自定义函数返回到ajax中
最终效果
当用户在表单中选择了一级城市二级城市 如何存到数据库在页面查看二级菜单的内容 。
多选框:与下拉菜单类似 在html填充内容的时候有所不同
存入数据库在页面上查看子分类