JSFiddle - React, Tailwind, and code Playground

HTML

<select id="theid" name = "navyOp" onchange="test(this);"> 
<option selected = "selected">Select a Navy Op Area</option>
<option value = "AN01">AN01</option>
<option value = "AN02">AN02</option>
<option value = "AN03">AN03</option>
</select>

JavaScript

var earrings = document.getElementById('theid');
var anode=document.createElement("option");
anode.text="hello";
earrings.add(anode);
window.test = function(e){
        alert(e.value);
 
}