JSFiddle - React, Tailwind, and code Playground

by Comatose

HTML

<select name="chargm" id="charadm" onChange="chgm(this.value);">
  <option value="" selected="true" disabled="">DM/Admin</option>
  <option value="Reid">Reid</option>
  <option value="bob">bob</option>
  <option value="jomama">jomama</option>
  <option value="taco">taco</option>
</select>
<select name="chargame" id="chargm">
  <option value="" selected="true" disabled>Game / RP Name</option>
</select>

CSS

body{
	background-color: #000;
}

JavaScript

var list = {
	  "Reid": ["Curse of Strahd", "uuck"],
	  "bob": ["Curse of Strahd", "fffts"],
	  "jomama": "blaal",
	  "taco": "salff"
	};


	function chgm(value) {
	  if (value.length == 0) document.getElementById("chargm").innerHTML = "<option></option>";
	  else {
	    var games = "";
	    for (gameMas in list[value]) {
			
	      games += "<option>" + list[value][gameMas] + "</option>";
	    }
	    document.getElementById("chargm").innerHTML = games;
	  }
	}