<!DOCTYPE html>
 <html>

 <head>
     <title>easySelect Demo</title>
     <link rel="stylesheet" href="easySelectStyle.css">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="easySelect.js"></script>
 </head>

 <body>
     <div class="row">
         <div class="column" style="">
             <select id="demo1" data-max="" multiple="multiple" style="">
                 <option value="Lightblue">Lightblue</option>
                 <option value="Green">Green</option>
                 <option value="Yellow">Yellow</option>
                 <option value="Blue Samoa">Blue</option>
                 <option value="Pink">Pink</option>
                 <option value="Black">Black</option>
                 <option value="Orange">Orange</option>
             </select>
         </div>
         <div class="column" style="">
             <select id="demo3" data-max="5" multiple="multiple" style="">
                 <option value="Volvo">Volvo</option>
                 <option value="Opel">Opel</option>
                 <option value="Audi">Audi</option>
                 <option value="Dodge">Dodge</option>
                 <option value="Toyota">Toyota</option>
                 <option value="Mercedes">Mercedes</option>
                 <option value="Tesla">Tesla</option>

             </select>
         </div>
         <div class="column" style="">
             <select id="demo" data-max="6" multiple="multiple">
                 <option value="Afganistan">Afghanistan</option>
                 <option value="Albania">Albania</option>
                 <option value="Algeria">Algeria</option>
                 <option value="American Samoa">American Samoa</option>
                 <option value="Andorra">Andorra</option>
                 <option value="Angola">Angola</option>
                 <option value="Anguilla">Anguilla</option>
                 <option value="Antigua & Barbuda">Antigua & Barbuda</option>
                 <option value="Argentina">Argentina</option>
                 <option value="Armenia">Armenia</option>
                 <option value="Aruba">Aruba</option>
                 <option value="Australia">Australia</option>
                 <option value="Austria">Austria</option>
                 <option value="Azerbaijan">Azerbaijan</option>
                 <option value="Bahamas">Bahamas</option>
                 <option value="Bahrain">Bahrain</option>
                 <option value="Bangladesh">Bangladesh</option>
                 <option value="Barbados">Barbados</option>
                 <option value="Belarus">Belarus</option>
                 <option value="Belgium">Belgium</option>
                 <option value="Belize">Belize</option>
                 <option value="Benin">Benin</option>
                 <option value="Bermuda">Bermuda</option>
                 <option value="Bhutan">Bhutan</option>
                 <option value="Bolivia">Bolivia</option>
                 <option value="Bonaire">Bonaire</option>
                 <option value="Bosnia & Herzegovina">Bosnia & Herzegovina</option>
                 <option value="Botswana">Botswana</option>
                 <option value="Brazil">Brazil</option>
                 <option value="British Indian Ocean Ter">British Indian Ocean Ter</option>
                 <option value="Brunei">Brunei</option>
                 <option value="Bulgaria">Bulgaria</option>
                 <option value="Burkina Faso">Burkina Faso</option>
                 <option value="Burundi">Burundi</option>
                 <option value="Cambodia">Cambodia</option>
                 <option value="Cameroon">Cameroon</option>
                 <option value="Canada">Canada</option>
                 <option value="Canary Islands">Canary Islands</option>
                 <option value="Cape Verde">Cape Verde</option>
             </select>
         </div>
     </div>
 </body>

 </html>
 <script>
     $("#demo").easySelect({
         buttons: true, // 
         search: true,
         placeholder: 'Choose Country',
         placeholderColor: '#524781',
         selectColor: '#524781',
         itemTitle: 'Countrys selected',
         showEachItem: true,
         width: '80%',
         dropdownMaxHeight: '450px',
     })
     $("#demo1").easySelect({
         buttons: true, 
         search: true,
         placeholder: 'Choose color',
         placeholderColor: 'violet',
         selectColor: 'lila',
         itemTitle: 'Color selected',
         showEachItem: true,
         width: '50%',
         dropdownMaxHeight: '450px',
     })
     $("#demo3").easySelect({
         buttons: true, // 
         search: true,
         placeholder: 'Pick Car',
         placeholderColor: 'green',
         selectColor: '#524781',
         itemTitle: 'Car selected',
         showEachItem: true,
         width: '80%',
         dropdownMaxHeight: '450px',
     })
 </script>