Jump to content

Form Dropdown - Select multiple options

Recommended Posts

Currently using Version 7.0 (Mara Brag template) for a website and I have a dropdown menu in a form. This form is made with a dropdown menu that has 8 options. The client wants to be able to have the end user select multiple options in the dropdown list. 

Is there code that can achieve this?

Thanks in advance!  

Link to comment

It is not possible to use a the default select drop down on SS for multiple selections. Although you can change its behaviour in the browser with JavaScript. SS's backend does not expect multiple selections and only processes one of the selections.

You can of course use checkbox to select multiple items.

If your client is really married to the multiple select, which by the way really isn't a drop down any more but a multi-select list. It may be possible to fake it with JavaScript and CSS. But this wouldn't' be easy and I don't know of any code that does this. The idea would be to use the checkbox but hide it with CSS. Then use JavaScript to build a multi-select list from the checkboxes then when the form is submitted, read the multi-select and populate the checkboxes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
2 hours ago, creedon said:

It is not possible to use a the default select drop down on SS for multiple selections. Although you can change its behaviour in the browser with JavaScript. SS's backend does not expect multiple selections and only processes one of the selections.

Thank you for the help. I didn't think there was a way - but there are more clever people (yourself) that know the capabilities of SS more clearly! 

Thanks again!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.