ajax获取数据库数据实现级联菜单

ajax获取数据库数据实现级联菜单,第1张

要显示你所说的级联菜单,最好用树型结构,你可以使用jquery的插件来实现,推荐使用zTree这个插件。

至于要获取用户最终选定的值,那也简单,在做数据库查询的时候,除了查询出菜单文本,同时将id号也一起查询出来,并绑定到树上,用户点击时返回id号就可以了。

用json格式,异步请求,当你点击一级菜单的时候,js触发,通过ajax异步把相关参数传到后台,查询出来的数据,然后封装成json格式数据返回,js拿到数据后,通过js把数据设置到页面相应的地方!

首先把第一级别的查出来,添加到一个下拉列表中,那给这个下拉列表加一个onChange方法,根据当前的下拉选项值去数据库中获取对应的二级级联数据,动态添加到另外一个下拉列表就好了.例如,我做一个用户组和用户的级联,用户和用户组是外键关联,是多对一的关系,用户表中存放的是用户组的主键,用户组编码.首先我取出用户组A,B,C,当我选择A的时候我去执行一个方法根据A去把数据库中用户组编码为A的用户查出来,放到第二个下拉列表就可以了.


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/sjk/9608903.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存