基于HTML的多级选择

<link rel="stylesheet" href="/path/to/css/html-multi-selector.css">

<script src="/path/to/js/html-multi-selector.js"></script>

var demoStatic = new HtmlMultiSelector({
    data: testData,
    callback: {
        done: function () {
            var titles = this.titleVal();
            $('#demoStatic').html('你选择了:' + titles.join(','));
        }
    }
});
$('#demoStatic').on('click', function () {
    demoStatic.open();
});

var options={
    // 初始化时多个值的分隔符
    seperator   : ',',
    // 数据是否使用动态
    dynamic     : false,
    // 动态获取数据库路径
    server      : "/path/to/data",
    // 静态数据
    data        : [],
    // 最大级
    maxLevel    : 0,
    // 固定级
    fixedLevel  : 0,
    // 语言包
    lang        : {
        close       : '取消',
        done        : '确定',
        pleaseSelect: '请选择'
    },
    callback: {
        // 选择发生变化时回调
        change: function (values, titles) {
        },
        // 点击确定时回调
        done: function () {
        },
        // 点击取消时回调
        close: function () {
        },
    }
}