Streaming live at 10am (PST)

Dropdown picker as URL

Anyone know how I can make this in Webflow, or if it requires custom code?

So, dropdown picker with different combinations…

Thanks!

Maybe you could do the following :
— Use select elements for the dropdowns
— In an embed element Catch the selected values with javascript or jquery .val() for instance
— Use these two variables to set the button’s href by creating a URL with parameters like so : your-url.co/?value1&value2
— Add a 301 redirect in your webflow settings : /?value1&value2 redirects to /page-x

or other option :
— Use select elements for the dropdowns
— In an embed element Catch the selected values with javascript or jquery .val() for instance
— Still in jquery or js > On change (meaning when select values are changed by user), show a different button with specific URL

Not sure you can do this without embedding some custom code

2 Likes

@pepperclip Agreed that this will require custom code. You may be able to make the UI elements using webflow interactions to trigger a fake dropdown menu on click and then grab the selected value via Javascript.

This would definitely require some experimentation.

Check out this pen: https://codepen.io/afalchi82/pen/aNXjgb

1 Like

Thank you @pepperclip and @sam-g , vill experiment with your insights.

Thanks again!