Pre-select Dropdown in Form from in-page link

Design help Animations & Interactions
1

Hi,

I am looking to enable a select field within a form to preselect an option if the user clicks a particular tab within the site i.e ‘Start Beta Trial’ - this snaps to the form section and ideally pre-selects ‘The SaaS Beta Program’.

Link to staging site

Struggling to find any similar requests / solutions? @samliew - I did see a post with something slightly connected, any chance you could take a look?

Here is my public share link: LINK
(how to access public share link)

2

staging site link broken

3

Hi @samliew,

Correct as the staging site has now been pushed live at prospex.ai and the public share link is still active.

Would be great if you have a solution / or idea how to resolve.

Many thanks

Darren

4

Hi @samliew - just wondering if you have had chance to look at this? Or do you have an idea of someone who could help?

Thanks

5

Page footer code:

<script>
$('#START-FREE-TRIAL-PLANS').click(function() {
  $('#INTERESTED').val('The SaaS Beta Program');
});
</script>
6

@samliew - fantastic! Thanks for your help with this, very much appreciated.

7

Hi Sam, I have a list of stores and would like to connect them to the contact form, so that a customer can click on a link next to a store and the form pre-populates the store name in the select field.

Your solution seems to be a good starting point. Could you explain the code so I can adapt it to my form fields?

Thank you so much

8

Hi, is there a way to do this across different pages? "You press ‘start trial’ on homepage and it redirects you to the contact page with ‘start trial’ preselected in the dropdown.

9

@MoodyVanLent
see Auto-fill form values based on URL querystring

10

Hi, guys! Please help me to create preselected dropdown for my form. Here is my website on Webflow: Webflow - Getzing
And here is published one: https://www.getzing.pp.ua/
I have three cards offering three different plans. When you click on one of these buttons the pop-up form appears with dropdown, which contains three options: “First option”, “Second option”, “Third option”. How should I implement the dropdown to make it preselected in popup form after pressing one of three buttons (corresponding to each plan)? I used Finsweet attributes to bond the form select (which is hidden) with stylized dropdown.