thinkphp5 多级联动的下拉菜单

背景:

最近的项目需要一个多级的省市区下拉,网上找了很多,都是通过js实现的。存在一个问题是,城市数据无法通过后台进行添加编辑操作。所以,写了一个js的插件。下面效果图。

效果图:

上图设置了默认id 为马道小区的id,自动生成四级目录。而且每一级别都是可选择的。

上图设置默认id 为 0

然后,下拉选择相应的省,省下如果有数据。就会加载二级select,无数据则不会显示二级select

详细介绍:

后台中通过无无限级分类,实现数据表结构。

id name parent_id三列数据是必须的。其余的可以忽略。

需要一个数据接口,获取所有的数据。

 其中的show 方法是父类中一个全局数据返回的方法

当获取到数据以后:

引入 js 文件→创建js对象→传入初始参数→调用init方法。生成成功。

参数介绍:

box   为生成控件的容器的 类名 。就是你想在哪个容器中放你的多级联动插件。

defaultid 为加载控件时候的默认选中项目。

inputname  为提交表单的时候,用这个名字接收参数。

getallurl 为刚才定义的获取所有数据的数据接口。

特别说明:

本js代码 售价为  10 元。本人拥有此代码的所有权利。禁止转载,或到处传播。

本js代码为未调试版本,可能存在一些小的问题。

本人不负责售出代码后的你的环境中的调试。需要你懂点技术,介意的勿拍。

需要的 请联系 微信 liuyw250 进行咨询。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

liu709127859

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值