JSFiddle - React, Tailwind, and code Playground

by halirgb

HTML

<script src="http://www.appelsiini.net/download/jquery.chained.mini.js"></script>
<h1>jquery chained input Example</h1>

<select id="toplevel">
  <option value="">Navigation</option>
  <option value="nfl">nfl</option> nba nhl concerts theatre more
  <option value="mlb">mlb</option>
    <option value="nba">nba</option>
    <option value="nhl">nhl</option>
    <option value="concerts">concerts</option>
    <option value="theatre">theatre</option>
    <option value="more">more</option>
</select>
<select id="sublevel">
    <option value="">--</option>
    <option value="1" class="nfl">nfl</option>
    <option value="1" class="nfl">nfl</option>
    <option value="1" class="nfl">nfl</option>
    <option value="2" class="mlb">mlb</option>
    <option value="2" class="mlb">mlb</option>
    <option value="2" class="mlb">mlb</option>
    <option value="2" class="nba">nba</option>
    <option value="2" class="nba">nba</option>
    <option value="2" class="nba">nba</option>
    <option value="2" class="nhl">nhl</option>
    <option value="2" class="nhl">nhl</option>
    <option value="2" class="nhl">nhl</option>
    <option value="2" class="concerts">concerts</option>
    <option value="2" class="concerts">concerts</option>
    <option value="2" class="concerts">concerts</option>
    <option value="2" class="theatre">theatre</option>
    <option value="2" class="theatre">theatre</option>
    <option value="2" class="theatre">theatre</option>
    <option value="2" class="more">more</option>
    <option value="2" class="more">more</option>
    <option value="2" class="more">more</option> 
</select>

JavaScript

$("#sublevel").chainedTo("#toplevel"); /* or $("#series").chainedTo("#mark"); */