JSFiddle - React, Tailwind, and code Playground

by inser

HTML

<script src="http://wbpreview.com/previews/WB0F35928/js/jquery.chosen.js"></script>
<link rel="stylesheet" href="http://harvesthq.github.com/chosen/chosen/chosen.css">
<select id='select1'>
    <option>Test value 1</option>
    <option>Test value 2</option>
    <option>Test value 3</option>
    <option>Test value 4</option>
</select>
<hr />
<input type="button" value="Disable select" id="disable" />
<input type="button" value="Enable select" id="enable" />

CSS

select {
    width: 200px;
}

input {
    padding: 5px;
}

JavaScript

$('#select1').chosen({no_results_text: "No results matched"});

$('#disable').click(function() {
    $('#select1').prop('disabled', true).trigger('liszt:updated');
});

$('#enable').click(function() {
    $('#select1').prop('disabled', false).trigger('liszt:updated');
});