Layui+PHP接口连接MySQL如何实现下拉框三级联动?

如题Layui+PHP接口连接MySQL如何实现下拉框三级联动?

下拉框取值来自MySQL的一张表,如图,第一列为第一个下拉框去重的值……

img

读取这个表的数据生成js数组(用json_encode将读取的数据转成json数组字符串),用js处理下数组的种类,品名成唯一的,给select添加change事件读取对应的数据,然后更新select的option后重新render下更新下UI。效果如下

img


源代码参考此文:
layui select PHP读取mysql数据库联动示例_JavaScript/Ajax开发技巧_Web开发网 https://www.w3dev.cn/article/20220217/layui-select-cascade-choose-demo.aspx

img

js点击事件动态获取数据,然后控制class显示隐藏

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632