JSFiddle - React, Tailwind, and code Playground

by Jesse M

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-chained/2.0.0-beta.2/jquery.chained.min.js"></script>
<select id="region" name="region">
    <option value="">Region</option>
    <option value="bmw">BMW</option>
    <option value="audi">Audi</option>
</select>
<select id="platform" name="platform">
    <option value="">Platform</option>
    <option value="series-3" data-chained="bmw">3 series</option>
    <option value="series-5" data-chained="bmw">5 series</option>
    <option value="series-6" data-chained="bmw">6 series</option>
    <option value="a3" data-chained="audi">A3</option>
    <option value="a4" data-chained="audi">A4</option>
    <option value="a5" data-chained="audi">A5</option>
</select>
<select id="retailer" name="retailer">
    <option value="">Retailer</option>
    <option value="25-petrol" data-chained="series-3 a3 a4">2.5 petrol</option>
    <option value="30-petrol" data-chained="series-3 series-5 series-6 a3 a4 a5">3.0 petrol</option>
    <option value="30-diesel" data-chained="series-3+sedan series-5+sedan a5">3.0 diesel</option>
</select>

JavaScript

$("#platform").chained("#region");
	$("#retailer").chained("#platform");