JSFiddle - React, Tailwind, and code Playground

by Bruno G.

HTML

<script src="http://yandex.st/jquery-ui/1.8.11/jquery-ui.js"></script>
<link rel="stylesheet" href="http://yandex.st/jquery-ui/1.8.11/themes/humanity/jquery.ui.all.min.css">
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <title>jQuery UI Multiselect</title> 
    <link rel="stylesheet" href="http://quasipartikel.at/multiselect/css/common.css" type="text/css" />
    <link type="text/css" href="http://quasipartikel.at/multiselect/css/ui.multiselect.css" rel="stylesheet" />
    <script type="text/javascript" src="http://quasipartikel.at/multiselect/js/ui.multiselect.js"></script>

</head>
<body>

<div id="wrapper"> 
    <div id="header"> 
        <h1>jQuery UI Multiselect</h1> 
        <p>
          Another attempt of a <em>sortable</em>, <em>searchable</em> multiple select widget
        </p> 
        
      
    </div>
 
  <br/>

 
      <select id="countries" class="multiselect" multiple="multiple">
       
        <option value="AUT" selected="selected">Austria</option>
        <option value="DEU" selected="selected">Germany</option>
        
        <option value="NLD" selected="selected">Netherlands</option>
       
        <option value="USA" selected="selected">United States</option>

      
      </select>
      <br/>
     
 
    
   
</div>
    </body>

JavaScript

$(function(){
       
            $(".multiselect").multiselect();
        
        });