JSFiddle - React, Tailwind, and code Playground

by clayshannon

HTML

<body>
<select id="stateSelector">
  <option id="Alabama">Alabama</option>
  <option id="Alaska">Alaska</option>
  <option id="Arizona">Arizona</option>
  <option id="Arkansas">Arkansas</option>
  <option id="California">California</option>
  <option id="Colorado">Colorado</option>
  <option id="Connecticut">Connecticut</option>
  <option id="Delaware">Delaware</option>
  <option id="DistrictOfColumbia">District of Columbia</option>
  <option id="Florida">Florida</option>
  <option id="Georgia">Georgia</option>
  <option id="Hawaii">Hawaii</option>
  <option id="Idaho">Idaho</option>
  <option id="Illinois">Illinois</option>
  <option id="Indiana">Indiana</option>
  <option id="Iowa">Iowa</option>
  <option id="Kansas">Kansas</option>
  <option id="Kentucky">Kentucky</option>
  <option id="Louisiana">Louisiana</option>
  <option id="Maine">Maine</option>
  <option id="Maryland">Maryland</option>
  <option id="Massachusetts">Massachusetts</option>
  <option id="Michigan">Michigan</option>
  <option id="Minnesota">Minnesota</option>
  <option id="Mississippi">Mississippi</option>
  <option id="Missouri">Missouri</option>
  <option id="Montana">Montana</option>
  <option id="Nebraska">Nebraska</option>
  <option id="Nevada">Nevada</option>
  <option id="NewHampshire">New Hampshire</option>
  <option id="NewJersey">New Jersey</option>
  <option id="NewMexico">New Mexico</option>
  <option id="NewYork">New York</option>
  <option id="NorthCarolina">North Carolina</option>
  <option id="NorthDakota">North Dakota</option>
  <option id="Ohio">Ohio</option>
  <option id="Oklahoma">Oklahoma</option>
  <option id="Oregon">Oregon</option>
  <option id="Pennsylvania">Pennsylvania</option>
  <option id="RhodeIsland">Rhode Island</option>
  <option id="SouthCarolina">South Carolina</option>
  <option id="SouthDakota">South Dakota</option>
  <option id="Tennessee">Tennessee</option>
  <option id="Texas">Texas</option>
  <option id="Utah">Utah</option>
  <option...

JavaScript

$('#stateSelector').on("change",function() {
    var $this = $(this).val();
    if ($this == "Alabama")
    {
        LoadAlabama();
    }
    else
    {
        alert("California");
    }
});

function LoadAlabama() {
    $("#map").removeData();
          $("#map").goMap({ 
                latitude: 32.806673, 
                longitude: -86.791133, 
                zoom: 7 
          }); 
}