Keep selected value on dropdown while dependent on each other

Hello,

I have a catalog with several filters on the left side.
The filters are connected to the Airtable API.

I would like the 3 dropdowns at the bottom to be dependent on each other, but also on the other filters (no problem with that):

When I select a value in one dropdown, the other dropdowns propose values according to the other values chosen. But when I select a value in the second and third dropdown, the first and second dropdowns are reset:

b3

How can I keep the selected value in the dropdown while they are dependent on each other?

Thank you for your help !

Do you have circular dependencies?

Is your source of dropdown changing with API call?

Hello,

They are dependent of each other.
Here the data sources :

Dropdown 1 :

Dropdown 2 :

Dropdown 3 :

Looks like you have circular dependencies.

Like
A’s source are dependent on value of B and C;
B’s source are dependent on value of C and A;
C’s source are dependent on value of A and B;

In that case naturally the system would get confused as to what should happen to the source of B when value of A changes?

Possible to remove the circular dependencies?

My idea was to propose a filter system that updates itself according to the values selected in the other filters, as is often the case in e-commerce.

Example: a clothing store with different filters => category, size, brand, material…

If I choose the category “tee-shirt”, the other filters will propose values based on the tee-shirt category.
Then if I choose the color red, in the “brand” filter, I’ll only see brands offering red tee-shirts, etc.

I thought I could do this by making circular dependencies, but the value isn’t kept.

Is this possible in another way?

This topic was automatically closed after 70 days. New replies are no longer allowed.