JSFiddle - React, Tailwind, and code Playground

by kentaromiura

HTML

<script src="http://davidwalsh.name/dw-content/harvesthq-chosen-12a7a11/chosen/chosen.jquery.js"></script>
<link rel="stylesheet" href="http://davidwalsh.name/dw-content/harvesthq-chosen-12a7a11/chosen/chosen.css">
<!-- single dropdown -->
<select class="chosen" style="width:200px;">
  <option>Choose...</option>
  <option>jQuery</option>
  <option selected="selected">MooTools</option>
  <option>Prototype</option>
  <option>Dojo Toolkit</option>
</select>

<!-- multiple dropdown -->
<select class="chosen" multiple="true" style="width:400px;">
  <option>Choose...</option>
  <option>jQuery</option>
  <option selected="selected">MooTools</option>
  <option>Prototype</option>
  <option selected="selected">Dojo Toolkit</option>
</select>

JavaScript

jQuery(".chosen").change(function(e){
    alert(this[this.selectedIndex].innerText)
}).chosen();