Select

• Posted: December 11, 2015
• / By: Magda
• / In:

HTML markup

CSS

<div class="form-group"> <select id="month" required="required" class="ct-select"> <option disabled="disabled" selected="selected" hidden="hidden" value="">Month</option> <option value="January">January</option> <option value="February">February</option> <option value="March">March</option> <option value="April">April</option> <option value="May">May</option> <option value="June">June</option> <option value="July">July</option> <option value="August">August</option> <option value="September">September</option> <option value="October">October</option> <option value="Nobember">Nobember</option> <option value="December">December</option> </select> </div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<div class="form-group">   <select id="month" required="required" class="ct-select">     <option disabled="disabled" selected="selected" hidden="hidden" value="">Month</option>     <option value="January">January</option>     <option value="February">February</option>     <option value="March">March</option>     <option value="April">April</option>     <option value="May">May</option>     <option value="June">June</option>     <option value="July">July</option>     <option value="August">August</option>     <option value="September">September</option>     <option value="October">October</option>     <option value="Nobember">Nobember</option>     <option value="December">December</option>   </select> </div>

Screenshot

Select

JavaScript

CSS

/* Selectize */ if ($().selectize) { $('.ct-select').each(function() { $(this).selectize({ create: true }); }); }

1 2 3 4 5 6 7 8

/* Selectize */ if ($().selectize) {   $('.ct-select').each(function() {     $(this).selectize({       create: true     });   }); }

Selectize Documentation can be found here Files are bundled inside confetti.min.js & style.css