Layui treeselect

Layui Tree＊＊＊于LayUI开发的树形下拉选择器，可以方便地实现树形结构的选择功能。下面是一个简单的使用示例：

1. 引入LayUI和TreeSelect的CSS和JS文件

<link rel="stylesheet" href="layui/css/layui.css">
<link rel="stylesheet" href="treeSelect/treeSelect.css">
<script src="layui/layui.js"></script>
<script src="treeSelect/treeSelect.js"></script>

2. 在HTML中添加一个用于显示TreeSelect的元素

<div id="tree"></div>

3. 初始化TreeSelect

layui.use(['treeSelect'], function () {
    var treeSelect = layui.treeSelect;
    var data = [{
        "id": 1,
        "title": "一级节点1",
        "children": [{
            "id": 11,
            "title": "二级节点1-1"
        }, {
            "id": 12,
            "title": "二级节点1-2"
        }]
    }, {
        "id": 2,
        "title": "一级节点2",
        "children": [{
            "id": 21,
            "title": "二级节点2-1"
        }, {
            "id": 22,
            "title": "二级节点2-2"
        }]
    }];
    treeSelect.render({
        elem: '#tree',
        data: data,
        click: function (d) {
            console.log(d);
        }
    });
});

在上面的代码中，我们首先使用了LayUI的use方法加载了treeSelect模块，然后定义了一个包含树形结构数据的数组data，接着调用treeSelect.render方法初始化了TreeSelect，并将其渲染到id为tree的元素中。在click回调函数中，我们可以获取到用户选择的节点数据。