Keep selected value on dropdown while dependent on each other

merci-rene · 2024-09-05T14:18:31.256Z

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):

b21158×845 81.3 KB

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:

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

Thank you for your help !

mghatiya · 2024-09-05T15:53:04.009Z

Do you have circular dependencies?

Is your source of dropdown changing with API call?

merci-rene · 2024-09-06T08:33:37.561Z

Hello,

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

Dropdown 1 :

b2-11001×778 68 KB

Dropdown 2 :

b2-2972×828 67.6 KB

Dropdown 3 :

b2-3971×807 67.1 KB

mghatiya · 2024-09-06T09:40:37.182Z

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?

merci-rene · 2024-09-06T09:55:46.909Z

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?

system · 2024-11-14T14:18:54.161Z

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