JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>

What Era?
<select name="select1" id="select1" size="1">
  <option value="blank_era" selected>Choose one</option>
  <option value="ocarina">Ocarina of Time, Majora's Mask</option>
  <option value="twilight">Twilight Princess</option>
  <option value="toon">Wind Waker, Phantom Hourglass, Spirit Tracks</option>
  <option value="sky">Skyward Sword</option>
  <option value="four">Minish Cap, Four Swords, Four Swords Adventures</option>
</select>

<p>

  What Race?
  <select name="select2" id="select2" size="1">
    <option value="blank_race" selected>Choose one</option>

    <option value="ocarina">Hylian</option>
    <option value="ocarina">Terminian</option>
    <option value="ocarina">Sheikah</option>
    <option value="ocarina">Kokiri</option>
    <option value="ocarina">Gerudo</option>
    <option value="ocarina">Goron</option>
    <option value="ocarina">Zora</option>
    <option value="ocarina">Deku</option>
    <option value="ocarina">Fairy</option>

    <option value="twilight">twilight Hylian</option>
    <option value="twilight">twilight Human</option>
    <option value="twilight">twilight Twili</option>
    <option value="twilight">twilight Goron</option>
    <option value="twilight">twilight Zora</option>
    <option value="twilight">twilight Yeti</option>
    <option value="twilight">twilight Oocca</option>
    <option value="twilight">twilight Fairy</option>

    <option value="toon">toon Hylian</option>
    <option value="toon">toon Human</option>
    <option value="toon">toon Rito</option>
    <option value="toon">toon Korok</option>
    <option value="toon">toon Goron</option>
    <option value="toon">toon Lokomo</option>
    <option value="toon">toon Anouki</option>
    <option value="toon">toon Fairy</option>

    <option value="sky">sky Skyloftian</option>
    <option value="sky">sky Demon</option>
    <option value="sky">sky Goron</option>
    <option...

JavaScript

$("#select1").change(function() {
  if ($(this).data('options') === undefined) {
    /*Taking an array of all options-2 and kind of embedding it on the select1*/
    $(this).data('options', $('#select2 option').clone());
  }
  var id = $(this).val();
  var options = $(this).data('options').filter('[value=' + id + ']');
  $('#select2').html(options);
});