Fork me on GitHub

Modern browsers only. The BsMultiSelect doesn't require jQuery. Still if you use jQuery you would like that BsMultiSelect continue to publish its events ('change' and 'dashboardcode.multiselect:change') through jQuery, using jQuery `trigger`, see in comments how to setup it.

  1. <script type="module">
  2. import {createPopper} from "https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.0/dist/esm/popper.min.js"
  3. import {ModuleFactory as dashboardCodeFactory} from "https://cdn.jsdelivr.net/npm/@dashboardcode/bsmultiselect@1.1.18/dist/js/BsMultiSelect.esm.min.js"
  4.  
  5. var environment = {window, createPopper};
  6. // add this if you want to trigger events through JQuery events
  7. // environment.trigger = (element,eventName) => $(element).trigger(eventName);
  8. let dashboardCode = dashboardCodeFactory(environment);
  9. var bsMultiSelect = dashboardCode.BsMultiSelect(('#languages-id', {placeholder: "placeholder"});
  10. // dashboardCode.BsMultiSelect.Default - access to default BsMultiSelect settings
  11.  
  12. </script>