Creating a custom dropdown


#1

Hi all!

I’m looking to create a custom dropdown that will allow me to select the countries and territories that my distributors service around the world. For the most part, a menu with an option to select countries should be fine. But for countries like the US and Australia, I’d like to add a more granular option so that I can select individual states and areas within these countries.

Sorry for the newb question, I’m new to HTML so any help would be greatly appreciated!

Thanks


#2

@Elliott_Ramsden It sounds like you are trying to create a form. The easiest way to do this would be to use the forms tool and then you can just copy and paste the form into your web site.


#3

Thank you!

Elliott Ramsden
Sales Support Coordinator
Justine’s Cookies

m: 022 088 5832
a: Wellington, NZ
w: www.justinescookies.com e: elliott@justinescookies.com
elliot@justinescookies.com


#4

Hi @Elliott_Ramsden,

1.There are numerous plugin that can be integrated with drop down its quite tricky integrating, as plain html is nested, many of plugins may not work, here are some plugins that you may try out
https://github.com/mrmarkfrench/country-select-js#getting-started
https://github.com/select2/select2/

  1. Second can be a workaround, you can insert a simple select box, with required option using js later bind with plugin. On select change you can push value to a hidden field in the form, this can also be a option.

I hope this helps.

Best Regards
Dan


#5

Hey Dan,

I appreciate the input. I’m looking in to your recommendations now and it
looks like it’s what we’re after. cheers!

Elliott Ramsden
Sales Support Coordinator
Justine’s Cookies

m: 022 088 5832
a: Wellington, NZ
w: www.justinescookies.com e: elliott@justinescookies.com
elliot@justinescookies.com


#6

Hey @Elliott_Ramsden,

I’m glad that we have been able to help you. Feel free to give me a nudge if there’s anything I can assist you with.

Have an amazing day ahead :slight_smile:

Best Regards
Dan


#7

Demo link: https://preview.hs-sites.com/_hcms/preview/template/multi?portalId=2518640&tc_deviceCategory=desktop&style_id=hubspot-default-basic&template_layout_id=4716775898&is_buffered_template_layout=true

Let us know if its close to your requirment
Please note its only we have only custom dropdown