JSFiddle - React, Tailwind, and code Playground

by gakman

HTML

<link rel="stylesheet" href="http://harvesthq.github.com/chosen/chosen/chosen.css">
<script src="http://harvesthq.github.com/chosen/chosen/chosen.jquery.js"></script>
<select>
    <option value="1">abc</option>
    <option value="2">def</option>
    <option value="3">ghi</option>
</select>

<button>update</button>

CSS

body {
    margin: 10px;
}

select {
    width: 200px;
}

JavaScript

$(document).ready(function() {
    
    $('select').chosen();

    $('button').click(function() {
        $('select').val(2);
        $('select').chosen().val(2);
        $('select').chosen().select(2);
    });

});