JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr id="tierFormulaTypeDiv">
   <td width="50%">  
   <select id="tierChangeType" name="tiermultiTimeHour" onchange="changeTierFormulaDD(this);">
	  <option value="1">Criket</option>
	  <option value="2">Football</option>
	  <option value="3">Tennies</option>	 
     </select>
    </td>
 </tr>
 <tr id="tierFormulaDiv">
    <td width="50%">
       <select id="tierFormulaBase" name="tiermultiTimeHour" onchange="changeTierFormulaDD(this);">
	  <option value="1">Play Criket</option>
	  <option value="2">Play Football</option>
	  <option value="3">Play Tennies</option>	 
     </select>
   </td>                               
  </tr>
  </table>

JavaScript

var ddlArray= new Array();
var ddl = document.getElementById('tierFormulaBase');
alert(ddl);
for (i = 0; i < ddl.options.length; i++) {
   ddlArray[i] = ddl .options[i].text;
}

$("#tierChangeType").change(function (e) {
 var e = document.getElementById("tierChangeType");
        var selectedValue = e.options[e.selectedIndex].value;
        var selectedText = e.options[e.selectedIndex].text;

        document.getElementById('tierFormulaBase').innerHTML = "";
        var src = document.getElementById('tierFormulaBase');
        var opt = document.createElement("option");
        if(selectedValue == 1)
        {
              opt.text = ddlArray[0];
            opt.value = selectedValue;
        }else if (selectedValue == 2)
        {
                opt.text = ddlArray[1];
            opt.value = selectedValue;
        }
        else if (selectedValue == 3)
        {
                opt.text = ddlArray[2];
            opt.value = selectedValue;
        }
        src.add(opt);
    
});