jquery 下拉树菜单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery 下拉树菜单示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.12/themes/default/style.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.12/jstree.min.js"></script>
</head>
<body>
    <div id="tree"></div>

    <script>
        $(function() {
            $('#tree').jstree({
                'core': {
                    'data': [
                        {
                            "id": "node1",
                            "text": "节点1",
                            "children": [
                                { "id": "node1_1", "text": "子节点1-1" },
                                { "id": "node1_2", "text": "子节点1-2" }
                            ]
                        },
                        {
                            "id": "node2",
                            "text": "节点2",
                            "children": [
                                { "id": "node2_1", "text": "子节点2-1" }
                            ]
                        }
                    ]
                }
            });
        });
    </script>
</body>
</html>