How to Create a Custom Multi-Select (OR Single) Menu - HTML, CSS & JavaScript Web Design Tutorial

In today's video we'll be creating a custom multi-select (or single-select) menu using HTML, CSS & JavaScript. This is very easy to add to your existing websites or projects.

LINK TO CODE:

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #html #javascript

[dcode-software]

As some others have pointed out, there very well may be better ways to achieve a "multi select" input type on your websites and I advise you choose what works best for you.

Nevertheless, this video will be helpful to improve your JavaScript knowledge and you might learn a thing or two about how to design components like these, or use classes effectively 😄

[shulehr]

Wow, after 10 tries i finally found video with actual voice and no trash music

[Seacrest.]

Nice one, Dom. You're really cool and the code is definitely useful

[emielv]

Is it possible to limit the amount of selected to two?

[limpmeacademy]

Hey, thanks for the great video!

Would it be possible to assign a regular select to existing "divs" instead of creating them as you did on the video?

[lazymeowww]

this is cool but how do i add a select all checkbox that will select all of these options ? I can only do this if i use <input type="checkbox"> for all the elements including select all

[israelochoab]

Great video, also you could use checkboxes to get a similar result

[JVSd-SG]

This may select and deselect, but how to get all selected to e-mail them?

[riddhokumar]

Bro., this one is expressive but can you plz help me out to math other array like, if someone select some items and match other arrat to that was right or wrong. Plz help me out.

[christianleonardochiaveli]

Hey man, I found your theme in VsCode but I wonder if you've changed some colors in your workspace... Just because it looks like in the video, some colors look different

[criztianjadem.tuplano]

Thank you very much Dom, this is cool and well explained . I sub for you to pay your hard work. Thank you again

[karolus__]

Really good and in depth tutorial, but so painful to see that it requires so much code, just to customise simple multi-select. Web browsers should definitely work on that. I guess in a case of CSR site I would never use select tag to create custom element like that, paradoxically even well known css libraries don't use select tags for select component...

[santin.je]

How about when you click SUBMIT? thank you!

[fitterboss]

Before I found your video for me was unclear How is related "select" and "custom select" and how to use "custom select" when we have server rendering side.

[pranavs_productions]

I need a server side language tutorials, like python or php

Or any server side Js would also work