JSFiddle - React, Tailwind, and code Playground

by rywood89

HTML

<head>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.full.css" rel="stylesheet" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.full.js"></script>
</head>

<form>
  <input type='text' id='state' name='state' />
  <input type='text' id='diocese' name='diocese' />
</form>

JavaScript

var state_arr = [{
    id: 0,
    text: "Alabama"
  },
  {
    id: 1,
    text: "Alaska"
  },
  {
    id: 2,
    text: "Arizona"
  },
  {
    id: 3,
    text: "Arkansas"
  },
  {
    id: 4,
    text: "California"
  },
  {
    id: 5,
    text: "Colorado"
  },
  {
    id: 6,
    text: "Connecticut"
  },
  {
    id: 7,
    text: "Delaware"
  },
  {
    id: 8,
    text: "District of Columbia"
  },
  {
    id: 9,
    text: "Florida"
  },
  {
    id: 10,
    text: "Georgia"
  },
  {
    id: 11,
    text: "Hawaii"
  },
  {
    id: 12,
    text: "Idaho"
  },
  {
    id: 13,
    text: "Illinois"
  },
  {
    id: 14,
    text: "Indiana"
  },
  {
    id: 15,
    text: "Iowa"
  },
  {
    id: 16,
    text: "Kansas"
  },
  {
    id: 17,
    text: "Kentucky"
  },
  {
    id: 18,
    text: "Louisiana"
  },
  {
    id: 19,
    text: "Maine"
  },
  {
    id: 20,
    text: "Maryland"
  },
  {
    id: 21,
    text: "Massachusetts"
  },
  {
    id: 22,
    text: "Michigan"
  },
  {
    id: 23,
    text: "Minnesota"
  },
  {
    id: 24,
    text: "Mississippi"
  },
  {
    id: 25,
    text: "Missouri"
  },
  {
    id: 26,
    text: "Montana"
  },
  {
    id: 27,
    text: "Nebraska"
  },
  {
    id: 28,
    text: "Nevada"
  },
  {
    id: 29,
    text: "New Hampshire"
  },
  {
    id: 30,
    text: "New Jersey"
  },
  {
    id: 31,
    text: "New Mexico"
  },
  {
    id: 32,
    text: "New York"
  },
  {
    id: 33,
    text: "North Carolina"
  },
  {
    id: 34,
    text: "North Dakota"
  },
  {
    id: 35,
    text: "Ohio"
  },
  {
    id: 36,
    text: "Oklahoma"
  },
  {
    id: 37,
    text: "Oregon"
  },
  {
    id: 38,
    text: "Pennsylvania"
  },
  {
    id: 39,
    text: "Puerto Rico"
  },
  {
    id: 40,
    text: "Rhode Island"
  },
  {
    id: 41,
    text: "South Carolina"
  },
  {
    id: 42,
    text: "South Dakota"
  },
  {
    id: 43,
    text: "Tennessee"
  },
  {
    id: 44,
    text: "Texas"
  },
  {
    id: 45,
    text: "US Virgin Islands"
  },
  {
    id: 46,
...