JSFiddle - React, Tailwind, and code Playground

by Nidhin Chandran

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/js/standalone/selectize.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/css/selectize.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/css/selectize.bootstrap2.css">
<select id="dept">
    <option value="1">HR</option>
    <option value="2">Marketing</option>
</select>

JavaScript

$(document).ready(function() {
     var select = $('#dept').selectize({
         create: true,
         sortField: 'text'
     });
     var selectize = select[0].selectize;
     selectize.createItem(['Hello'],false);
     
     // If you dont want the new item to select automatically
     selectize.removeItem(['Hello']);
     
     selectize.updateOption(['Hello'], {value:'New Value', text:'New Text'});
 });