# Multiselect Dropdown Field

**URL:** <https://community.hubspot.com/t/multiselect-dropdown-field/20718>\
**Category:** CMS Development\
**Tags:** website-pages, design-tools, landing-pages\
**Created:** [May 8, 2020, 7:43pm UTC](https://community.hubspot.com/t/multiselect-dropdown-field/20718 "2020-05-08T19:43:14Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![LCSKMiller](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/lcskmiller/32/22074_2.png) [@LCSKMiller](https://community.hubspot.com/u/LCSKMiller)\
**Post date:** [May 8, 2020, 7:43pm UTC](https://community.hubspot.com/t/multiselect-dropdown-field/20718/1 "2020-05-08T19:43:14Z")

</div>

We’ve found a few posts about creating a multi-select dropdown field option, but no solution specific to HubSpot (see below for past posts with examples).  
Has anyone been able to update the CSS or create a hubl option to solve for a multiselect dropdown? For example, this would change multi-select fields from a long list on the page to a single dropdown field to save space.  
Thanks!

- [https://community.hubspot.com/t5/HubSpot-Ideas/Multiselect-dropdown-on-forms/idi-p/289991](https://community.hubspot.com/t5/HubSpot-Ideas/Multiselect-dropdown-on-forms/idi-p/289991)
- [https://community.hubspot.com/t5/HubSpot-Ideas/Please-Add-Multiselect-Dropdowns-to-Forms/idi-p/290328](https://community.hubspot.com/t5/HubSpot-Ideas/Please-Add-Multiselect-Dropdowns-to-Forms/idi-p/290328)
- [https://community.hubspot.com/t5/CRM/custom-properties-multiselect-sub-value-for-dropdown-list/m-p/278568](https://community.hubspot.com/t5/CRM/custom-properties-multiselect-sub-value-for-dropdown-list/m-p/278568)
- [https://community.hubspot.com/t5/Lead-Capture-Tools/Dropdown-field-with-multiple-selections/m-p/193553](https://community.hubspot.com/t5/Lead-Capture-Tools/Dropdown-field-with-multiple-selections/m-p/193553)
- [https://community.hubspot.com/t5/CRM/Can-I-select-multiple-properties-from-a-dropdown-list/m-p/14928/highlight/true#M1058](https://community.hubspot.com/t5/CRM/Can-I-select-multiple-properties-from-a-dropdown-list/m-p/14928/highlight/true#M1058)
- [https://community.hubspot.com/t5/HubSpot-Ideas/Add-multiselect-logic-to-custom-modules/idi-p/295784](https://community.hubspot.com/t5/HubSpot-Ideas/Add-multiselect-logic-to-custom-modules/idi-p/295784)

---

<div class="post-metadata">

**Author:** ![JessicaH](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jessicah/32/14826_2.png) [@JessicaH](https://community.hubspot.com/u/JessicaH)\
**Post date:** [May 13, 2020, 9:28am UTC](https://community.hubspot.com/t/multiselect-dropdown-field/20718/2 "2020-05-13T09:28:06Z")

</div>

Hi @LCSKMiller,

Thanks for reaching out.

[This article about the different field types](https://knowledge.hubspot.com/contacts/property-field-types-in-hubspot) might be interesting for you.

Have you tried using the field type “multiple checkboxes”.

_ **Multiple checkboxes:** stores checkboxes that contain several, usually related options, with a maximum of 1000 options. Each option has a maximum of 3,000 characters, including its label, value, and description. This is an enumeration property._

I hope this helps.

Take care!

Jess

---

<div class="post-metadata">

**Author:** ![LCSKMiller](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/lcskmiller/32/22074_2.png) [@LCSKMiller](https://community.hubspot.com/u/LCSKMiller)\
**Post date:** [May 13, 2020, 1:13pm UTC](https://community.hubspot.com/t/multiselect-dropdown-field/20718/3 "2020-05-13T13:13:14Z")

</div>

Hi @JessicaH - we are currently using this field type.

We are looking for code to turn it from a list into a dropdown to save space on the form.

---

<div class="post-metadata">

**Author:** ![JessicaH](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jessicah/32/14826_2.png) [@JessicaH](https://community.hubspot.com/u/JessicaH)\
**Post date:** [May 14, 2020, 8:16am UTC](https://community.hubspot.com/t/multiselect-dropdown-field/20718/4 "2020-05-14T08:16:22Z")

</div>

Hi @LCSKMiller,

Thanks for clarifying.

At the moment there is no out of the box solution for this from HubSpot’s side.

However, I’m going to loop in some of our experts. Maybe they will be able to help you with this.

Hi @Kevin-C @daveroma @dennisedson, do you have any thoughts on this?

Thanks!

Jess

---

<div class="post-metadata">

**Author:** ![Kevin-C](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevin-c/32/34570_2.png) [@Kevin-C](https://community.hubspot.com/u/Kevin-C)\
**Post date:** [May 14, 2020, 1:36pm UTC](https://community.hubspot.com/t/multiselect-dropdown-field/20718/5 "2020-05-14T13:36:47Z")

</div>

Thanks for the tag @JessicaH and Hey @LCSKMiller

I believe this could be done by creating a hidden field and using jQuery to populate the multi-select drop down UI. Then have JS fill the hidden field when the multi-select changes. Finally on submit this hidden info will be sent to the DB.

---

<div class="post-metadata">

**Author:** ![dennisedson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dennisedson/32/28044_2.png) [@dennisedson](https://community.hubspot.com/u/dennisedson)\
**Post date:** [May 14, 2020, 2:40pm UTC](https://community.hubspot.com/t/multiselect-dropdown-field/20718/6 "2020-05-14T14:40:55Z")

</div>

@LCSKMiller ,

yeah, reading through the posts you linked above, it seems like you are not wanting to use any js. Unfortunately, that is the only way you would be able to create this 😞

Please upvote any ideas on it as it will stand out more for the team

---

<div class="post-metadata">

**Author:** ![daveroma](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/daveroma/32/82727_2.png) [@daveroma](https://community.hubspot.com/u/daveroma)\
**Post date:** [May 14, 2020, 8:32pm UTC](https://community.hubspot.com/t/multiselect-dropdown-field/20718/7 "2020-05-14T20:32:19Z")

</div>

@LCSKMiller @JessicaH if there aren’t any options in the marketplace you can get a decently skilled front-end developer to build this module for you. Styling these HTML elements can actually be a little tricky so here’s some code I found for you that should get you pretty close to the finish line should you need to go the custom route:

[https://codepen.io/cjonasw/pen/nFdvw](https://codepen.io/cjonasw/pen/nFdvw)

---

<div class="post-metadata">

**Author:** ![LRumbelow](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/lrumbelow/32/2490_2.png) [@LRumbelow](https://community.hubspot.com/u/LRumbelow)\
**Post date:** [June 1, 2021, 2:31pm UTC](https://community.hubspot.com/t/multiselect-dropdown-field/20718/8 "2021-06-01T14:31:29Z")

</div>

When is this likely to be a feature within a form on HS? When building out landing pages I have no front end resource, so I need to be able to drag in a multiselect dropdown, job done.  
I don’t understand why I need to invest in hours of dev time, when we have HS?

---

<div class="post-metadata">

**Author:** ![dennisedson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dennisedson/32/28044_2.png) [@dennisedson](https://community.hubspot.com/u/dennisedson)\
**Post date:** [May 15, 2020, 12:25am UTC](https://community.hubspot.com/t/multiselect-dropdown-field/20718/9 "2020-05-15T00:25:24Z")

</div>

[@Tim\_Joyce\_Belch](https://community.hubspot.com/t5/user/viewprofilepage/user-id/81238) this may be up your alley 🙂

---

<div class="post-metadata">

**Author:** ![HLindquist](https://avatars.discourse-cdn.com/v4/letter/h/3d9bf3/32.png) [@HLindquist](https://community.hubspot.com/u/HLindquist)\
**Post date:** [January 26, 2023, 12:09am UTC](https://community.hubspot.com/t/multiselect-dropdown-field/20718/10 "2023-01-26T00:09:58Z")

</div>

How has this still not been implemented by hubspot? Can we get this bumped again and looked further? Not having a multiselect dropdown for forms is very annoying in use for end customers using the forms.
