有没有办法将下拉选项放置在选项选择菜单中？

Question

特别是对于我的具体情况，使用

dcc.Dropdown

效果非常好。唯一的问题是，在很多情况下，用户可能会选择多个选项，这在视觉上看起来非常难看。

有没有办法让下拉菜单像this？

我已经考虑过创建一个打开的菜单，其中包含可以选择作为清单的选项，但这编码起来会更复杂，因为我想允许用户像标准中一样搜索他们想要的选项

dcc.Dropdown 

Answer 1

您只需在下拉菜单中添加

Checklist

即可。 就我而言，我使用了

dbc.DropdownMenu

和

dbc.Checklist

app.layout = html.Div(
    [dbc.DropdownMenu(
            [dbc.Checklist(
            options=[{'label':x,'value':x} for x in df.sort_values('Hospital')['Hospital'].unique()],
            value=[],
                inline=True,
            id="checklist-input",
        ),
            ],
            label="Menu",
        ),
        html.Div(id="item-clicks", className="mt-3"),
    ]
)