背景:
最近的项目需要一个多级的省市区下拉,网上找了很多,都是通过js实现的。存在一个问题是,城市数据无法通过后台进行添加编辑操作。所以,写了一个js的插件。下面效果图。
效果图:
上图设置了默认id 为马道小区的id,自动生成四级目录。而且每一级别都是可选择的。
上图设置默认id 为 0
然后,下拉选择相应的省,省下如果有数据。就会加载二级select,无数据则不会显示二级select
详细介绍:
后台中通过无无限级分类,实现数据表结构。
id name parent_id三列数据是必须的。其余的可以忽略。
需要一个数据接口,获取所有的数据。
其中的show 方法是父类中一个全局数据返回的方法
当获取到数据以后:
引入 js 文件→创建js对象→传入初始参数→调用init方法。生成成功。
参数介绍:
box 为生成控件的容器的 类名 。就是你想在哪个容器中放你的多级联动插件。
defaultid 为加载控件时候的默认选中项目。
inputname 为提交表单的时候,用这个名字接收参数。
getallurl 为刚才定义的获取所有数据的数据接口。
特别说明:
本js代码 售价为 10 元。本人拥有此代码的所有权利。禁止转载,或到处传播。
本js代码为未调试版本,可能存在一些小的问题。
本人不负责售出代码后的你的环境中的调试。需要你懂点技术,介意的勿拍。
需要的 请联系 微信 liuyw250 进行咨询。