插件描述：仿elementui多级级联插件即下即用不依赖任何ui框架
更新时间：2020-10-20 08:16:52
基于jquery，支持键盘操作 数据格式：
var _data = [{
value: 'shanghai',
label: '上海',
children: [{
value: 'shanghaishi',
label: '上海市',
children: [{
value: 'baoshan1',
label: '宝山区saa发送飞洒发送'
}, {
value: 'fengxian1',
label: '奉贤区'
}]
}]
}];
PREVIOUS:
NEXT:
相关插件-选择框
讨论这个项目（35）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
左手年华 1
2022/9/24 2:28:44
我对该级联下拉控件的默认值做了一个简单扩展，代码如下：
ZdCascader.prototype.getNode = function(id) {
var ddldata = this.options.data;
let result = null;
var resultarr = [];
var isfinish = false;
function getTreeItem(data, id) {
for (var g = 0; g < data.length; g++) {
//0,1,2
var item = data[g];
if (isfinish) {
return;
}
var index = data.map(n => n.value).indexOf(id);
if (index > -1) {
isfinish = true;
resultarr[item.level] = data[index].label;
break;
} else {
resultarr[item.level] = item.label;
if (item.children) {
getTreeItem(item.children, id);
} else {
break;
}
}
}
}
getTreeItem(ddldata, id);
result = resultarr.join(this.options.range);
this.$el.val(result).focus();
};
Jason0
2022/10/13 14:31:01
-
咋用啊
不被作好先生的坏叔叔 0
2022/6/17 18:14:41
-
我这边有做IE浏览器的支持 修改了ZdCascader.css和ZdCascader.js这两个文件，主要是=>这个的修改和格式化字符`这个的处理，这边发不了，博主可以联系下我，看是否要使用并更新
不被作好先生的坏叔叔0
2022/6/17 18:15:38
-
Q：983379975
郑雪-昆明奥远科技有限公0
2022/7/25 10:38:57
-
怎么设置默认值
我就无聊咋的了0
2022/8/19 15:15:14
-
大佬,默认值怎么设置啊
空城、旧梦╇ 0
2022/5/4 13:44:35
-
写的啥玩意，一个半成品有啥用，选择完了拿不到value值，也不能设置初始值
不被作好先生的坏叔叔0
2022/6/16 16:03:16
$('#xxx').zdCascader({
data: _data,
onChange: function(data1, data2, data3) {
$("#code").val(data2.value);
$("#content").val(data2.label);
}
});
♌ Amber 0
2021/12/19 16:32:52
-
作者大大，这个支持2-5级的级联吗？ 就是我根据数据来展示我选择几级，少的有两级关联，多的有五级。。支持吗 ？目前只支持3级？
樱之节0
2022/8/25 11:53:15
-
好像是无限级的
YFRon 0
2021/6/3 15:59:15
-
怎么清空选择呢
家にはガ┼ルフレンドがい0
2021/11/26 15:23:26
定义一个对象去接收，然后调用reload方法清空。
szzz_cascader = $('.tmpl-year [name=szzz]').zdCascader({
data: [],
onChange: function(data1, data2,data3) {
console.log(data1, data2,data3)
}
});
szzz_cascader.data().zdCascader.reload([]);reload里面的空数据也可以是新的数组，这样就会改变它原本的值
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
