直接从我的github上搬过来的，见谅

Cascader

cascader for javascript and base on jquery

Introduction

This is a small component removed from daily development. There are many imperfections. Please use it with caution

Usage

  <link type="text/css" rel="stylesheet" href="dist/css/cascader.min.css">...<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.11.1/jquery.min.js"></script><script type="text/javascript" src="dist/js/cascader.min.js"></script><script>var cascader = new Cascader({container: 'body',       // => $(container).html()width: 228,             // cascader's widthcallback: function (data) {      // selected value callback// {//   data: [{className: 'sichuan', value: '四川省', child: Array(1)}, {className: 'chengdu', value: '成都市', child: Array(6)}, {className: '', value: '高新区'}],//   value: "四川省/成都市/高新区"// }console.log(data);},data: [{className: 'sichuan',        // If the value is not empty, it will be set to classvalue: '四川省',             // value and html titlechild: [{className: 'chengdu',value: '成都市',child: [{className: '',value: '金牛区',}, {className: '',value: '成华区',}, {className: '',value: '锦江区',}, {className: '',value: '高新区',}, {className: '',value: '青羊区',}, {className: '',value: '武侯区',}]}]}, {className: 'yunnan',value: '云南省',child: [{className: '',value: '丽江市',child: [{className: '',value: '古城区',}]}]}, {className: 'jiangsu',value: '江苏省',child: [{className: '',value: '南京市'}]}, {className: 'guangdong',value: '广东省',child: [{className: '',value: '广州市',child: [{className: '',value: '荔湾区'}, {className: '',value: '越秀区'}]}, {className: '',value: '深圳市',child: [{className: '',value: '南山区'}, {className: '',value: '光明区'}]}]}, {className: 'ningxia',value: '广西壮族自治区',child: [{className: '',value: '南宁市'}]}]});cascader.init();      // init</script>

Preview

DOWNLOAD

https://github.com/phaoer/Cascader

Cascader js级联选择器相关推荐

Element UI级联选择器(Cascader)获取级联对象
Element UI Cascader官网文档 GIF 代码: getCascaderObj = function(val, opt){return val.map(function (value, ...
element-UI级联选择器(Cascader 回显、默认显示项) - （返回结果的）格式转化 - 代码篇
el-cascader组件 :(返回结果的)格式转化有时候会报错:TypeError: thsAreaCode.replace is not a function (bug截图如下) 说白了就是该组 ...
Element的Cascader 级联选择器禁用和回显问题
今日,在vue项目中使用饿了么的Cascader级联选择器时,遇到了一个问题,情景时这样的, 数据是从后台拿到的,前端要做出的效果是当满足某些条件时,某些选项禁止选中.花了很长时间解决这个问题,于是写 ...
Cascader 级联选择器
当一个数据集合有清晰的层级结构时,可通过级联选择器逐级查看并选择. 基础用法有两种触发子菜单的方式只需为 Cascader 的options属性指定选项数组即可渲染出一个级联选择器. 通过expa ...
element-UI级联选择器(Cascader)获取label值 - 代码篇
element-ui级联选择器(Cascader)获取级联对象 :主要是想获取:label值.value值效果图预览: 代码参考如下: <el-cascaderref="cascad ...
iView级联选择器Cascader回显慢的问题
简单小结一下,iView在日常开发中所遇到的一点小问题, 今日简单聊聊iView级联选择器Cascader的使用心得: [参考资料:iView ] 1.存在问题: Cascader选择器在回显数据时会 ...
element-ui中Cascader 级联选择器组件使用(默认选择是value(id)，还想要获取label(name值))
我的需求是一个下拉框选中城市(先选中省-对应市显示-选中显示在下拉框中)注:区不要但是我之前封装了一个三级联动的,所以我需要重新封装一个: cityMap.js const map = {11000 ...
解决cascader级联选择器报错“level“ of null
1. 需求:级联选择器数据与另一文本框有联系,如果文本框有值,则相同的值在cascader的数据中置灰,不可选.如果先选择了cascader的值,再填文本框的值发现两选值相同,则将cascader的选 ...
Cascader 级联选择器如何根据给定的叶节点值设置默认值（数据回显）
转载自:Cascader 级联选择器如何设置默认值(数据回显)_༺举个栗子吧༻的博客-CSDN博客_选择器设置默认值官网cascader:https://element.eleme.cn/#/zh- ...

Cascader js级联选择器

Cascader

Introduction

Usage

Preview

DOWNLOAD

Cascader js级联选择器相关推荐

最新文章

热门文章