jQuery无限级联动下拉选择插件

 查看演示  website  立即下载

可配置级别的联动下拉选择器

config 属性：

* @ width: 200,  // 宽度，默认自动
* @ height: 32,  // 高度，默认30px
* @ levels: 3,   // 联动级别数量，默认 3级 ,可配置范围 1-n，理论上没有上限
* @ data: data, // 数据源，json格式 ,此数据的层级数需与levels 值相同，否则会出错
* @ levelNames: ['省', '市', '区'], //每个级别的名称，如省市区

数据源格式：

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

$('#mulselectbox1').FMulSelectVal();

取值文本   返回 字符串类型 | 分割， 山东省|烟台市|芝罘区|幸福街道|幸福小区

$('#mulselectbox1').FMulSelectValTxt();

清空

$('#mulselectbox1').FMulSelectClear();

设置值  ['1','11','111','1111']

$('#mulselectbox1').FMulSelectSetVal(ids);

PREVIOUS:
NEXT:
js时间轴插件（原创）
jQuery简易版俄罗斯方块小游戏