Populate selection item based on selected item

Design help Custom code
1

Hi Webflow Posse

I have been looking this up and driving me a little crazy. You guessed it, I am not a developer.

I have 2x dropdown selectors on a form:

  1. ‘Location’
  2. ‘Hidden Email Response Dropdown For Zapier & CRM’ (This will be hidden, once published)

Image 1

Screenshot 1
Screenshot 1891×368 11.7 KB

I would like to, if I selected the 2nd Item on ‘Location’ ie ‘Early Learning - Ocean Keys’ (See Image 2) to automatically populate the accompanying ‘Hidden Email Response …’ dropdown with the 2nd Item also ie 'oceankeys_reposnse., … and so on. (See Image 3)

Image 2

Screenshot 2
Screenshot 2891×368 24.8 KB

Image 3

Screenshot 3
Screenshot 3891×368 24.5 KB

Please note the dropdown content is not CMS driven and at this stage, if I can help it, in this instance, don’t want it CMS driven.

Any help on this code, would be highly appreciated. Many thanks anybody for your help.

The page with this simplified form is on a page called : ‘Zapier Tester’

Regards, Saff.

Here is my site Read-Only:

https://preview.webflow.com/preview/atlantis-early-learning?utm_medium=preview_link&utm_source=dashboard&utm_content=atlantis-early-learning&preview=fb2d39b88c14d05e04b90ce7ce94a3ab&workflow=preview