小可ThinkPHP学堂

?找回密码
?立即注册
搜索
热搜: 活动 交友 discuz
查看: 220|回复: 0
打印 上一主题 下一主题

[ThinkPHP] ThinPHP实现多级联动下拉列表的几种方式

[复制链接]

41

主题

41

帖子

192

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
192
跳转到指定楼层
楼主
发表于 2019-9-23 21:36:33 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

首先我们要明确什么是多级联动下拉列表,其实很简单,就是有多个下拉列表,后一个列表的内容取决于前一个列表的选择,比如省市县的一个多级联动下拉列表,我们只有选择完了省,才能选择市,选择完了市才能选择县,有哪些市可以选是由你选了哪个省决定的,你选择了河北省,市一级的下拉列表会出现石家庄、唐山等地级市。(概念先讲到这里吧,应该很好理解吧)。

目前小可老师知道有这么几种方法可以实现多级联动下拉列表的功能,具体怎么用后期会给大家慢慢讲解,先说一下有哪些方法可以使用,同时也欢迎大家积极补充:

一、原生JS、jQuery方法,主要是jQuery方法,思路就是获取change事件、在change事件中获取到你选择的下拉列表的val(),将这个值采用Ajax方式传递到后端,后端根据前台选择从数据库或json中获取下一级下拉列表的内容,返回给前端,由前端对列表内容进行填充或更换。这种方法的好处就是可以任意的实现功能,自由度较高,写起来其实也不麻烦,缺点就是需要一定的jQuery和Ajax的知识,代码中需要做大量的判断,如果考虑情况不全容易出现bug。

二、借助bck怎么登录不了了,比如cxselect,小可老师一直在用,感觉挺不错的。优点就是使用起来比较简单,不需要太多的前端知识,不足也是大部分前端bck怎么登录不了了的通病,就是维护较差,很多bck怎么登录不了了由于各种原因突然就停更了,加之这些bck怎么登录不了了大部分都是外国人写的,官网找不到,找到了看不懂,看国内教材有的也翻译的比较差,或者就是你抄我我抄你,教材和最新版本严重不符,别人实现了一万个功能,你只讲了其中的一百个。

三、TP5官方推荐的一个省市县乡四级联动的第三方应用,具体怎么用小可老师还在研究当中,大家可以先看一下demo,看它github上的更新来看已经开始支持TP6了,等小可老师研究明白了再予以评价吧。

By小可老师

2019年9月23日

转载请标明出处

可以加QQ群415216728进行交流。

公众号搜小可ThinkPHP学堂



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表