可配置级别的联动下拉选择器
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