Webflow Form multiple drop down logic

Hi there,

I’ve build a contact form with Webflow Forms. We did that so that all the fields are visible at first glance for potential customers (we had a Typeform before with horrible drop-off rates; real estate industry with high price items aka houses).

The form works quite well for us in terms of incoming leads and we funnel the data via Zapier into different journeys. My question is, if it is possible to have a logic inside the form with the drop downs?? For instance we only want people to be able to book a call with us if the have a plot already / or at least reserved. I couldn’t find that in the logic flow, so can I maybe do it with a little script inside the form?

here is the read-only link: Webflow - Home One (2023 Updates)

Hi Philipp,

If you mean that you want to prevent them from submitting the form unless the form validates a certain way, then yes you can do that with Javascript. You could either block the form submit, or visibly disable the submit button until the form is valid for submission.

No, not quite. I always want them submitting the form, no matter what they pick in the drop-downs. What I’m looking for is, that if they choose a certain element in the drop-down, the options in another drop-down should change/greyed out/limited.

For instance: We have one drop-down, where we ask if the already a land to build / reserved or no land at all. We have another drop-down “next step” with the options of just “getting info” vs. “book a call”. If they already have land / reserved, I want them to able to pick under “next steps” both options, but if they don’t have land I want to only show them the “getting info” part. Is that somehow possible via javascript?

Yes in fact DOM manipulations such as creating, changing, removing elements is largely what JS is for.

Mein Deutsch ist sehr eingerostet.

I think what you’re wanting to watch for changes on Baugrundstück. If the user selects Grundstück vorhanden or Grundstück reserviert (?) then the Nächste Schritte / Direkt ein Projekt starten option becomes available. Otherwise it’s suppressed.

You might want to switch the Nächste Schritte and Baugrundstück select positions in your form, so that the progression flows more smoothly for this.

If you describe carefully what you want with a tool like ChatGPT, you should be able to create a functional script for this. Otherwise, I do this type of work regularly for clients under a “micro-consulting” arrangement. I’ll message you with that link in case you need it.