Python Plotly Dash 如何根据单选组件值联动禁用级联下拉菜单

核心问题原因 #

• 回调返回值不匹配：你声明了3个Output输出，但是回调函数仅返回1个布尔值，Dash要求每个Output对应独立的返回值，因此后两个下拉菜单的disabled属性从未被触发更新，导致状态不变。
• 现有代码存在语法错误：你提供的dcc.RadioItems代码末尾缺少闭合的右括号，会直接导致组件渲染失败。
• 若修改后仍不生效，检查三个下拉菜单的id与回调Output中写的artistnames、albumnames、songnames是否完全一致，大小写、拼写错误都会导致回调失效。

修正后的代码示例 #

import dash
from dash import dcc, html, Input, Output

app = dash.Dash(__name__)

initialoptions = ["All music", "I choose"]

app.layout = html.Div([
    dcc.RadioItems(
        id='initialoptions',
        options=[{'label': k, 'value': k} for k in initialoptions],
        value="All music",
        style={'textAlign':'center', 'font-family' : 'Roboto',"fontSize" : 14}
    ), # 补全原代码缺失的右括号
    # 你的三个级联下拉菜单，无需手动设置初始disabled，回调会自动覆盖状态
    dcc.Dropdown(id='artistnames', options=[{'label':'示例歌手', 'value':'test1'}]),
    dcc.Dropdown(id='albumnames', options=[{'label':'示例专辑', 'value':'test2'}]),
    dcc.Dropdown(id='songnames', options=[{'label':'示例歌曲', 'value':'test3'}])
])

@app.callback(
    Output('artistnames', 'disabled'),
    Output('albumnames', 'disabled'),
    Output('songnames', 'disabled'),
    Input('initialoptions', 'value'))
def disable_options(selected_option):
    # 三个Output对应返回三个相同的布尔值
    if selected_option == "All music":
        return True, True, True
    else:
        return False, False, False

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

额外注意点 #

不需要手动给下拉菜单设置初始disabled=True，Dash回调会在应用首次加载时自动执行，根据RadioItems的初始值All music自动给三个下拉设置禁用状态，避免初始状态和回调值冲突的问题。如果要保留初始的disabled设置也无需额外修改，只要回调返回值正确，初始设置的属性会被回调的返回值覆盖。

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