Change text from CMS based on drop down

Hello I need some help with my webflow form on CMS page.

I currently have a form with several drop downs. - based on what the user selects from the drop downs, I need to change a value of a text (whose values are being taken from the CMS page it is located on)

Can you help me with this? I assume we would need to add some code to the page to make this work

More details.

I have 2 drop downs and 2 text elements. Each drop down controls their own text element, they all have unique IDs
Drop down 1 has 2 option in drop down and would change the text 1 element from CMS values based on those values

Drop down 2 has 3 option in drop down and would change the text 2 element from CMS values based on those values

Can you help me with this? I assume we would need to add some custom code on the page to make this work? Could you help me with how the code should look like?


Yes, a custom code is needed for this to work.

Hello,

Yes, I already thought so. Would be great to get help with the outline of the code and how it would look like :D

There’s a lot of detail in it and it depends entirely on your specific HTML structure.
Basically you have two approaches you can take-

  • Hire a dev to build it and then walk you through to explain it, I usually do this with videos so that my clients know exactly how to maintain and configure it.
  • Learn to dev, probably using chatgpt or another GPT to help you shape the code. Debug it carefully, but this is a good way to learn quickly if you have the time and can afford some mistakes.

Just sharing a solution here for people who might be looking for something similar.

So far instead of help I only got contacted by people who are trying to sell me things without providing value.

My solution was similar to the one in this thread:

Instead of changing the element based on CMS - hide/show based on Select is easier and in practice the result is basically the same in my case - hopefully this will be helpful for others.