JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ivaynberg.github.com/select2/select2-master/select2.js"></script>
<link rel="stylesheet" href="http://ivaynberg.github.com/select2/select2-master/select2.css">
<select>
<option></option>
<option value="1">foo</option>
<option value="2">bar</option>
<option value="0">Other</option>
</select>
<br>
<input type="hidden">
JavaScript
$('select').select2({
placeholder: 'Please select',
width: 200,
matcher: function(term, text) {
return text === 'Other' || $.fn.select2.defaults.matcher.apply(this, arguments);
},
sortResults: function(results) {
if (results.length > 1) results.pop();
return results;
}
});