# Options of one dropdown effect the options of other dropdown

**URL:** <https://community.plotly.com/t/options-of-one-dropdown-effect-the-options-of-other-dropdown/60128>\
**Category:** Dash Python\
**Created:** [January 16, 2022, 1:57pm UTC](https://community.plotly.com/t/options-of-one-dropdown-effect-the-options-of-other-dropdown/60128 "2022-01-16T13:57:47Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![MID](https://avatars.discourse-cdn.com/v4/letter/m/c89c15/32.png) [@MID](https://community.plotly.com/u/MID)\
**Post date:** [January 16, 2022, 1:57pm UTC](https://community.plotly.com/t/options-of-one-dropdown-effect-the-options-of-other-dropdown/60128/1 "2022-01-16T13:57:47Z")

</div>

I am making a dashboard with multiple dropdown buttons. I want it such that once I select the option for the first dropdown, the options of the other dropdown change automatically. For example, the first dropdown is the country and the second dropdown is the states in the selected country and the third are the cities in the selected state. How should I go about doing it? Any examples will be helpful!

---

<div class="post-metadata">

**Author:** ![tphil10](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/tphil10/32/19868_2.png) [@tphil10](https://community.plotly.com/u/tphil10)\
**Post date:** [January 16, 2022, 6:04pm UTC](https://community.plotly.com/t/options-of-one-dropdown-effect-the-options-of-other-dropdown/60128/2 "2022-01-16T18:04:03Z")

</div>

Morning!  
Welcome to the forums.

You’d want to utilize callbacks for this such that when you select an option in dropdown 1, it loads and/or updates the options in dropdown 2.

[https://community.plotly.com/t/callback-interaction-between-2-core-components/24161](https://community.plotly.com/t/callback-interaction-between-2-core-components/24161)

If you look in this post there is an example to get you started.