如何用Python及其库实现数据集的层级数据下拉选择功能？

当然可以，根据不同的应用场景（GUI桌面应用、Web应用），可以用Python结合对应库实现这种三级联动的层级下拉选择（fy 2020 → 大洲 → 国家）。以下是几种常见实现方案：

一、GUI桌面应用（以Tkinter为例） #

Tkinter是Python内置的GUI库，无需额外安装，适合快速实现轻量级桌面工具。

实现思路 #

1. 定义层级数据结构
2. 创建三个下拉框（ComboBox）
3. 绑定下拉框的选择事件，根据上一级的选择结果动态更新下一级选项

代码示例 #

import tkinter as tk
from tkinter import ttk

# 定义层级数据
location_data = {
    "fy 2020": {
        "亚洲": ["中国", "日本", "韩国", "印度"],
        "欧洲": ["德国", "法国", "英国", "意大利"],
        "美洲": ["美国", "加拿大", "巴西", "墨西哥"]
    }
}

def update_continent(event):
    # 清空大洲和国家下拉框
    continent_combo['values'] = []
    country_combo['values'] = []
    # 获取选中的财年
    selected_fy = fy_combo.get()
    if selected_fy in location_data:
        # 更新大洲选项
        continent_combo['values'] = list(location_data[selected_fy].keys())

def update_country(event):
    # 清空国家下拉框
    country_combo['values'] = []
    # 获取选中的财年和大洲
    selected_fy = fy_combo.get()
    selected_continent = continent_combo.get()
    if selected_fy in location_data and selected_continent in location_data[selected_fy]:
        # 更新国家选项
        country_combo['values'] = location_data[selected_fy][selected_continent]

# 创建主窗口
root = tk.Tk()
root.title("Location Hierarchy Selector")

# 财年下拉框
fy_label = ttk.Label(root, text="财年:")
fy_label.grid(row=0, column=0, padx=5, pady=5)
fy_combo = ttk.Combobox(root, values=list(location_data.keys()))
fy_combo.grid(row=0, column=1, padx=5, pady=5)
fy_combo.bind("<<ComboboxSelected>>", update_continent)

# 大洲下拉框
continent_label = ttk.Label(root, text="大洲:")
continent_label.grid(row=1, column=0, padx=5, pady=5)
continent_combo = ttk.Combobox(root)
continent_combo.grid(row=1, column=1, padx=5, pady=5)
continent_combo.bind("<<ComboboxSelected>>", update_country)

# 国家下拉框
country_label = ttk.Label(root, text="国家:")
country_label.grid(row=2, column=0, padx=5, pady=5)
country_combo = ttk.Combobox(root)
country_combo.grid(row=2, column=1, padx=5, pady=5)

root.mainloop()

二、Web应用场景（以Flask+JavaScript为例） #

如果是Web端应用，可以用Python后端提供数据接口，前端通过JavaScript实现下拉框联动。

后端（Flask）代码 #

from flask import Flask, jsonify, request

app = Flask(__name__)

# 层级数据
location_data = {
    "fy 2020": {
        "亚洲": ["中国", "日本", "韩国"],
        "欧洲": ["德国", "法国", "英国"],
        "美洲": ["美国", "加拿大", "巴西"]
    }
}

@app.route('/get_continents', methods=['GET'])
def get_continents():
    fy = request.args.get('fy')
    if fy in location_data:
        return jsonify(list(location_data[fy].keys()))
    return jsonify([])

@app.route('/get_countries', methods=['GET'])
def get_countries():
    fy = request.args.get('fy')
    continent = request.args.get('continent')
    if fy in location_data and continent in location_data[fy]:
        return jsonify(location_data[fy][continent])
    return jsonify([])

@app.route('/')
def index():
    return '''
    <html>
        <head>
            <title>Location Hierarchy</title>
        </head>
        <body>
            <select id="fy">
                <option value="fy 2020">fy 2020</option>
            </select>
            <select id="continent"></select>
            <select id="country"></select>

            <script>
                // 监听财年选择事件
                document.getElementById('fy').addEventListener('change', function() {
                    const fy = this.value;
                    fetch(`/get_continents?fy=${fy}`)
                        .then(res => res.json())
                        .then(data => {
                            const continentSelect = document.getElementById('continent');
                            continentSelect.innerHTML = '';
                            data.forEach(continent => {
                                const option = document.createElement('option');
                                option.value = continent;
                                option.textContent = continent;
                                continentSelect.appendChild(option);
                            });
                            // 触发大洲选择事件，更新国家
                            continentSelect.dispatchEvent(new Event('change'));
                        });
                });

                // 监听大洲选择事件
                document.getElementById('continent').addEventListener('change', function() {
                    const fy = document.getElementById('fy').value;
                    const continent = this.value;
                    fetch(`/get_countries?fy=${fy}&continent=${continent}`)
                        .then(res => res.json())
                        .then(data => {
                            const countrySelect = document.getElementById('country');
                            countrySelect.innerHTML = '';
                            data.forEach(country => {
                                const option = document.createElement('option');
                                option.value = country;
                                option.textContent = country;
                                countrySelect.appendChild(option);
                            });
                        });
                });

                // 页面加载时初始化大洲选项
                document.getElementById('fy').dispatchEvent(new Event('change'));
            </script>
        </body>
    </html>
    '''

if __name__ == '__main__':
    app.run(debug=True)

三、数据结构基础处理 #

不管哪种场景，核心是先构建清晰的层级数据结构，比如用嵌套字典：

location_hierarchy = {
    "fy 2020": {
        "亚洲": ["中国", "日本", "韩国"],
        "欧洲": ["德国", "法国", "英国"],
        "美洲": ["美国", "加拿大", "巴西"]
    },
    "fy 2021": {
        # 可以扩展更多财年的数据
    }
}

后续的联动逻辑都是基于这个数据结构来动态获取下一级选项。

内容的提问来源于stack exchange，提问作者Harshit Raghuvanshi