JSFiddle - React, Tailwind, and code Playground

by betteful

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.css">
<div>
    <select name="type" id="select1">
        <option value="">Select Type</option>
        <option value="commercial">Commercial</option>
        <option value="condo">Condo</option>
        <option value="single-family">Single Family</option>
        <option value="townhouse">Townhouse</option>
    </select>
</div>
<div>
    <select name="rooms" id="select2">
        <option value="">Select Rooms</option>
        <option value="1-2-bedrooms">1-2 Bedrooms</option>
        <option value="2-3-bedrooms">2-3 Bedrooms</option>
        <option value="3-4-bedrooms">3-4 Bedrooms</option>
        <option value="4-bedrooms">4 + Bedrooms</option>
    </select>
</div>
<div>
    <select name="area" id="select3">
        <option value="">Select Area</option>
        <option value="burbank">Burbank CA</option>
        <option value="glendale">Glendale CA</option>
        <option value="la-crescenta">La Crescenta CA</option>
        <option value="los-angeles">Los Angeles CA</option>
        <option value="pasadena">Pasadena CA</option>
        <option value="tujunga">Tujunga CA</option>
    </select>
</div>
<div>
    <select name="price" id="select4">
        <option value="">Select Price</option>
        <option value="100k-200k">$100K - $200K</option>
        <option value="200k-300k">$200K - 300K</option>
        <option value="300k-400k">$300K - $400K</option>
        <option value="500k-600k">$500K - $600K</option>
        <option value="700k-800k">$700K - $800K</option>
    </select>
</div> 
<div>
    <input type="submit" class="button" />
</div>   

<p style="clear:both"></p>

CSS

div {float:left;}

JavaScript

$("select").chosen().each(function () {
    $("#select1").on("chosen:hiding_dropdown", function () {
        
		var $chzn   = $('#select2').next()

        $chzn.find(".chosen-drop").show();
		
    });
});