JSFiddle - React, Tailwind, and code Playground

HTML

<input class="radio" data-target="state" type="radio" name="selection" value="state" checked> State
<input class="radio" data-target="region" type="radio" name="selection" value="region" > Region
<div id="state" class="combo">
    <select name="state">
    <option value="alabama">Alabama</option>
    <option value="alaska">Alaska</option>
  </select>
</div>
<div id="region" class="combo">
    <select name="region">
    <option value="se">South East</option>
    <option value="ne">Northern Central</option>
  </select>
</div>

JavaScript

require([
  'dojo/dom',
  'dojo/dom-construct',
  'dojo/dom-style',
  'dojo/query',
  'dojo/on',
  'dojo/domReady!'
], function (dom, domConstruct,domStyle,query,On) {
   
   domStyle.set(dom.byId('state'), "display", "block");
   domStyle.set(dom.byId('region'), "display", "none");
   
   On(query('.radio'),'change',function(){
    query('.combo').forEach(function(divElement){
    	domStyle.set(divElement, "display", "none");
    });
    domStyle.set(dom.byId(this.dataset.target), "display", "block");
   })
   
   
   
});