JSFiddle - React, Tailwind, and code Playground

by keremcan

HTML

<script src="http://www.appelsiini.net/download/jquery.chained.js"></script>
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js"></script>
<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css">
<select id="mark" name="mark">
  <option value="">--</option>
  <option value="bmw">BMW123</option>
  <option value="audi">Audi</option>
</select>
<select id="series" name="series">
  <option value="">--</option>
  <option value="series-3" class="1">3 series</option>
  <option value="series-5" class="1">5 series</option>
  <option value="series-6" class="bmw">6 series</option>
  <option value="a3" class="audi">A3</option>
  <option value="a4" class="audi">A4</option>
  <option value="a5" class="audi">A5</option>
</select>

JavaScript

$("#series").chained("#mark");
$('#series,#mark').chosen({width: '300px'})

$('#series, #mark').on('change', function(){
    $('#series, #mark').trigger('chosen:updated');
});