Bootstrap 4 multiselect dropdown

by

Because the bootstrap-select is a Bootstrap component and therefore you need to include it in your code as you did for your V3

NOTE: this component only works in bootstrap-4 since version 1.13.0

$('select').selectpicker();
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>

<select class="selectpicker" multiple data-live-search="true">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

More Related Contents:

  1. Want to make a multi page navigation menu “HTML, JS, jQuery, Bootstrap” [closed]
  2. When we using alert vs popup div tag? [closed]
  3. How to change the href attribute for a hyperlink using jQuery
  4. jQuery Get Selected Option From Dropdown
  5. How to take screenshot of a div with JavaScript?
  6. How to detect Ctrl+V, Ctrl+C using JavaScript?
  7. Jquery load() only working in firefox?
  8. Play an audio file using jQuery when a button is clicked
  9. How to close an open collapsed navbar when clicking outside of the navbar element in Bootstrap 3?
  10. Use images like checkboxes
  11. How to manually trigger validation with jQuery validate?
  12. Drop-down box dependent on the option selected in another drop-down box
  13. Getting Bootstrap’s modal content from another page
  14. Sort an html list with javascript
  15. How can I generate the opposite color according to current color?
  16. how to move a div with arrow keys
  17. jQuery Change event on an element – any way to retain previous value?
  18. How to build simple tabs with jQuery?
  19. Emailing to multiple recipients with html Mailto: not working
  20. Bootstrap Dropdown with Hover
  21. Is it possible to append a div inside an SVG element? [duplicate]
  22. How can I get all a form’s values that would be submitted without submitting [duplicate]
  23. Get value from text area [duplicate]
  24. How to show hidden divs on mouseover?
  25. How to scroll a select list with JavaScript or jQuery?
  26. Using .after() to add html closing and open tags
  27. Changing “src” attribute of
  28. Placeholder for contenteditable div
  29. Change background on button click, using CSS only? [duplicate]
  30. Set value to currency in

Leave a Comment