JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maya.hostei.com/chained/jquery.chained.js"></script>
<script src="http://maya.hostei.com/chained/jquery.chained.remote.js"></script>
<div id="wrap">
    <div id="content">
        <div class="entry">
             <h3>jquery.chained.js</h3>

            <form>
                <select id="mark">
                    <option value="">--</option>
                    <option value="bmw">BMW</option>
                    <option value="audi">Audi</option>
                </select>
                <select id="series">
                    <option value="">--</option>
                    <option value="series-1" class="bmw">1 series</option>
                    <option value="series-3" class="bmw">3 series</option>
                    <option value="series-5" class="bmw">5 series</option>
                    <option value="series-6" class="bmw">6 series</option>
                    <option value="series-7" class="bmw">7 series</option>
                    <option value="a1" class="audi">A1</option>
                    <option value="a3" class="audi">A3</option>
                    <option value="s3" class="audi">S3</option>
                    <option value="a4" class="audi">A4</option>
                    <option value="s4" class="audi">S4</option>
                    <option value="a5" class="audi">A5</option>
                    <option value="s5" class="audi">S5</option>
                    <option value="a6" class="audi">A6</option>
                    <option value="s6" class="audi">S6</option>
                    <option value="rs6" class="audi">RS6</option>
                    <option value="a8" class="audi">A8</option>
                </select>
                <select id="model">
                    <option value="">--</option>
                    <option value="3-doors" class="series-1">3 doors</option>
                    <option value="5-doors" class="series-1">5 doors</option>
                    <option value="coupe" class="series-1...

JavaScript

$(function () {

      /* For jquery.chained.js */
      $("#series").chained("#mark");
      $("#model").chained("#series");
      $("#engine").chained("#series, #model");

      /* Show button after each pulldown has a value. */
      $("#engine").bind("change", function (event) {
          if ("" != $("option:selected", this).val() && "" != $("option:selected", $("#model")).val()) {
              $("#button").fadeIn();
          } else {
              $("#button").hide();
          }
      });

      $("#c").chained("#a,#b");

      /* For jquery.chained.remote.js */
      $("#series-remote").remoteChained("#mark-remote", "json.php");
      $("#model-remote").remoteChained("#series-remote", "json.php");
      $("#engine-remote").remoteChained("#series-remote, #model-remote", "json.php");

      /* Show button after each pulldown has a value. */
      $("#engine-remote").bind("change", function (event) {
          if ("" != $("option:selected", this).val() && "" != $("option:selected", $("#model-remote")).val()) {
              $("#button-remote").fadeIn();
          } else {
              $("#button-remote").hide();
          }
      });



      $("#c-remote").remoteChained("#a-remote,#b-remote", "json.php");

  });