Select element replacement example - selectize.js

index.html

<form>
  <label>Single selection
    <select>
      <option value="0">Zero</option>
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
      <option value="4">Four</option>
    </select>
  </label>
  <label>Multiple selection
    <select multiple>
      <option value="0">Zero</option>
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
      <option value="4">Four</option>
    </select>
  </label>
</form>

script.js

$(function() {
  $('select').selectize({});
});

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/js/standalone/selectize.min.js"></script>

select-element-replacement-example-selectize-js.markdown

Select element replacement example - selectize.js

How to simply replace element with a jQuery plugin, this one called selectize.js. https://github.com/brianreavis/selectize.js Note that also CSS for the plugin needs to be loaded. A Pen by Juga Paazmaya on CodePen. License.

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/css/selectize.default.css" rel="stylesheet" />