可配置级别的联动下拉选择器
config 属性:
1 2 3 4 5 | * @ width: 200, // 宽度,默认自动* @ height: 32, // 高度,默认30px* @ levels: 3, // 联动级别数量,默认 3级 ,可配置范围 1-n,理论上没有上限* @ data: data, // 数据源,json格式 ,此数据的层级数需与levels 值相同,否则会出错* @ levelNames: ['省', '市', '区'], //每个级别的名称,如省市区 |
数据源格式:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | var datas = [{ "name1": "河北省", "id": 2, "child": [{ "name1": "石家庄市", "id": 21, "child": [{ "name1": "长安区", "id": 211 }] }]}];**$('#mulselectbox1').FMulSelect({ // width: 500, // 宽度,默认150px height: 32, // 高度,默认30px levels: 10, // 联动级别数量,默认 3级 ,可配置范围 1-n,理论上没有上限 data: datas, // 数据源,json格式 levelNames: ['省', '市', '区', '街道', '小区', '楼号', '单元', '门牌号'], //每个级别的名称,如省市区 dataKeyNames: { //配置数据源datas的key值, 默认 id name child "id": "id", "name": "name1", "childs": "child" }}); |
取值id 返回 字符串类型 | 分割,1|11|111|1111|11111
1 | $('#mulselectbox1').FMulSelectVal(); |
取值文本 返回 字符串类型 | 分割, 山东省|烟台市|芝罘区|幸福街道|幸福小区
1 | $('#mulselectbox1').FMulSelectValTxt(); |
清空
1 | $('#mulselectbox1').FMulSelectClear(); |
设置值 ['1','11','111','1111']
1 | $('#mulselectbox1').FMulSelectSetVal(ids); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com