Hi all,
First post here and I couldn’t find any other forum post similar to this issue so hopefully it’s not a repost.
I have the following block in my layout:
html.Div([
html.Div(
dcc.Dropdown(
id='test1',
options=["a", "b", "c", "d"]
),
style={'width': '43%'}
),
html.Div(
dcc.Dropdown(
id='test2',
options=["a", "b", "c", "d"]
),
style={'width': '43%'}
)
], style={'display': 'flex', 'justify-content': 'space-between'})
I would like it so test1 and test2 cannot have the same value. So if you select “a” for test1, it is not available as an option for test2, and vice versa. Is there a simple way to do this?
Thanks in advance!