Python Dash：两个同选项下拉框如何实现选中值互斥排除重复选项

实现方案 #

你的猜测是正确的，该逻辑直接在现有回调基础上修改即可，不需要额外新增组件配置，修改位置和方式如下： #

1 核心逻辑调整位置 #

直接修改你现有的控制dropdown3可选列表的回调函数即可，只需在生成options的列表推导式中增加过滤条件，排除第一个下拉框（dropdown2）已选中的值即可。 #

2 完整修改后的代码示例 #

假设你的两个下拉框初始全量选项存储在all_materials列表中，修改后的回调代码如下：

# 先定义全量可选物料，两个下拉框初始选项都从这个列表取，替换为你实际的物料列表即可
all_materials = ["物料1", "物料2", "物料3", "物料4"]

@app.callback(
    dash.dependencies.Output('dropdown3', 'options'),    
    [dash.dependencies.Input('dropdown2', 'value')])
def set_options1(first_selected):
    # 过滤逻辑：如果第一个下拉框已选值，就从第二个下拉框的选项中排除该值
    if first_selected is not None:
        return [{'label': i, 'value': i} for i in all_materials if i != first_selected]
    # 如果第一个下拉框还没选值，第二个下拉框返回全量选项
    return [{'label': i, 'value': i} for i in all_materials]

@app.callback(
    dash.dependencies.Output('dropdown3', 'value'),
    [dash.dependencies.Input('dropdown3', 'options')])
def set_1_value(available_options):
    # 可选列表更新后自动默认选第一个，避免之前选的值被排除后出现空值/异常
    if available_options:
        return available_options[0]['value']
    return None

3 补充说明 #

• 如果你原来的all_options[first_dropdown]是联动其他上游选择的动态物料池，只需要把上面代码里的all_materials替换为all_options[first_dropdown]，再保留i != first_selected的过滤条件即可，逻辑完全通用。
• 如果需要双向限制（也就是选了第二个下拉框的值，第一个下拉框也排除该值），只需要再新增一个对称的回调，输入为dropdown3的value，输出为dropdown2的options，过滤逻辑一致即可。

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