Preview Loading...
Script Action
Bootstrap 4 CSS https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css COPY CDN
Bootstrap 4 JS https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js COPY CDN
JS https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js COPY CDN

Add Comment/Questions

14 day's ago

Vikas Patil ( vikas-patil-65603 )

@bbbootstrap62244 - How to implement select all and deselect all in this multiselect?

1 month ago

Teo LAULY ( teo-lauly-98288 )

@bbbootstrap62244 Hello, i love your creation, but i've a problem i don't understand. I try to create the multiselect in javascript with selected item and this make an error in javascript "choices.min.js:676 Could not find passed element or passed element was of an invalid type". I make the same in html and it works. I've to found a solution, can you help me ? We can communicate on Discord for a great conversation (Fayre_fiive#2853). Thanks for your job and have a nice day !

1 month ago

Shashi Prakash ( shashi-prakash-67111 )

Its very helpful for me thanks for sharing guys.

2 month's ago

BBBootstrap Team ( bbbootstrap62244 )

@vikas-patil-65603 Let us check with our team! give us some time! thanks

2 month's ago

Vikas Patil ( vikas-patil-65603 )

@bbbootstrap62244 I have multi select state field on that change i need to bind multi select city using Ajax jquery. How can i bind ? is any code? Please Help.

2 month's ago

Vikas Patil ( vikas-patil-65603 )

BBBootstrap Team, I have multi select state field on that change i need to bind multi select city using Ajax jquery. How can i bind is any code? Please Help.

5 month's ago

Francisco Javier Herrera Gamboa ( francisco-javier-herrera-gamboa-40976 )

@bbbootstrap62244 How i turn off the press to select ?, when I try to put it inside a table celd, print the selectable every charter going down, like in vertical.

1 year ago

BBBootstrap Team ( bbbootstrap62244 )

@jero-dungog-56924 Thanks for your compliment. it really matters!

1 year ago

Jero Dungog ( jero-dungog-56924 )

This has been the easiest way I found on the internet so far! Thank you for sharing it. Already added this site to our reference sites repo. Looking forward to read more from here. Thanks again!

1 year ago

Adam-Lee Smith ( adam-lee-smith-60467 )

@bbbootstrap62244 Thank you! I saw the post that was made to Dinh with the link right after I posted mine. Got it working! :)

1 year ago

BBBootstrap Team ( bbbootstrap62244 )

@adam-lee-smith-60467 hello, if you want to increase or decrease the options you can modify settings in javascript or go through the documentation ( https://github.com/jshjohnson/Choices )

1 year ago

Adam-Lee Smith ( adam-lee-smith-60467 )

Great MultiSelect, Just what I was looking for. Only issue I'm having, both on the demo and on my own setup is that the dropdown does not scroll to be able to select anything below the first 5 options. Tested using Chrome for both desktop and Android.

1 year ago

Dinh Duc ( dinh-duc-57455 )

@ask-snb96988 thanks you ! :)) It has become easier for me

1 year ago

Ask SNB ( ask-snb96988 )

@dinh-duc-57455 Thanks for your compliment! its a library please go through the documentation - https://github.com/jshjohnson/Choices

1 year ago

Dinh Duc ( dinh-duc-57455 )

I'm new to JavaScript and am having a hard time using functions in your JS file

1 year ago

Dinh Duc ( dinh-duc-57455 )

Thanks for your sharing ! But can you create a tutorial using functions in your JS file?

About this snippet

Bootstrap 4 multiselect dropdown list snippet is created by Ask SNB using Bootstrap 4, Javascript. This snippet is free and open source hence you can use it in your project.Bootstrap 4 multiselect dropdown list snippet example is best for all kind of projects.A great starter for your new awesome project with 1000+ Font Awesome Icons, 4000+ Material Design Icons and Material Design Colors at BBBootstrap.com.

Join BBBootstrap community

Contribute an awesome snippet to help other developer and designers