JSFiddle - React, Tailwind, and code Playground

by Yaser Mehraban

HTML

<select id="activitySelector" onchange="handlechange(this)">
     <option>Select</option>
      <option value="test">Test</option>
</select>

<div id="secondSelect">

</div>

JavaScript

var activities = document.getElementById("activitySelector");

function handlechange(activities) {
	console.log(activities.value);
    if(activities.value == "test")
    {
        addOtherSelect();
    }
    console.log(activities.value);
}

function addOtherSelect() {
      alert();
    var x = document.createElement("SELECT");
    x.setAttribute("id", "loadDA6module");
    var z = document.createElement("option");
    z.setAttribute("value", "Administrator")
    var t = document.createTextNode("Administrator");
    z.appendChild(t);
    x.appendChild(z);
    
    documnet.getElementById("secondSelect").appendChild(x);
}