Python Dash下拉框仅含1个选项时如何实现自动选中？

一、修改下拉框实现自动选中 #

原代码存在两个问题：一是单个选项时误用了不存在的data参数（dcc.Dropdown的正确参数为options）；二是未设置value属性指定默认选中项。修改后即可实现自动选中唯一选项：

@app.callback(Output('output', 'children'),
             Input('upload', 'filename'),
)
def selection(initial):
    options = [{'label': x, 'value': x} for x in initial]
    dropdown_props = {
        'id': 'selected-dd',
        'options': options
    }
    # 当仅存在一个选项时，自动选中该值
    if len(initial) == 1:
        dropdown_props['value'] = initial[0]
        # 可选：添加disabled=True，禁止用户修改选中状态
        # dropdown_props['disabled'] = True
    
    return html.Div([dcc.Dropdown(**dropdown_props)])

二、替代组件建议 #

如果单选项场景下无需用户交互，可选择更合适的组件简化UI：

• 静态文本+隐藏下拉框：用文本展示选中值，同时保留隐藏的下拉框保证后续回调能正常取值：

  if len(initial) == 1:
      return html.Div([
          html.Span(f"已选中：{initial[0]}"),
          dcc.Dropdown(id='selected-dd', options=options, value=initial[0], style={'display': 'none'})
      ])
  else:
      return html.Div([dcc.Dropdown(id='selected-dd', options=options)])
  

• 单选按钮组（dcc.RadioItems）：选项数量少时更直观，单个选项会自动选中：

  if len(initial) == 1:
      return html.Div([dcc.RadioItems(id='selected-dd', options=options, value=initial[0])])
  else:
      return html.Div([dcc.Dropdown(id='selected-dd', options=options)])
  

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