multiselect.js example

Updated at 09-Aug-2022, By samar

multiselect.js example

We’ll attempt to use programming in this lesson to solve the "multiselect.js example" puzzle.

multiselect.js example code. Multiselect is a small jQuery plugin that helps regarding the multiple cross selects. It is very easy to install, use and can be easily customized because it has callbacks for many events.
  • Multiselect.js example code

    HTML

    <html>
      <head>
    	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/multi-select/0.9.12/css/multi-select.min.css" integrity="sha512-3lMc9rpZbcRPiC3OeFM3Xey51i0p5ty5V8jkdlNGZLttjj6tleviLJfHli6p8EpXZkCklkqNt8ddSroB3bvhrQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
      </head>
      <body>
        <select multiple="multiple" id="my-select" name="my-select[]">
          <option value='elem_1'>elem 1</option>
          <option value='elem_2'>elem 2</option>
          <option value='elem_3'>elem 3</option>
          <option value='elem_4'>elem 4</option>
          ...
          <option value='elem_100'>elem 100</option>
        </select>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/multi-select/0.9.12/js/jquery.multi-select.min.js" integrity="sha512-vSyPWqWsSHFHLnMSwxfmicOgfp0JuENoLwzbR+Hf5diwdYTJraf/m+EKrMb4ulTYmb/Ra75YmckeTQ4sHzg2hg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
      </body>
    </html>
    

    Javascript

    <script>
    $('#my-select').multiSelect();
    </script>
    

    Copy and paste html code and use $('#my-select').multiSelect(); script to call the multiselect plugin.

Back to code snippet queries related jquery