ejemplos - mostrar y ocultar texto en html

¿Cómo usar dojo para mostrar/ocultar DIV haciendo clic en el botón de opción?

Question

Por defecto, se debe seleccionar Estado y debería aparecer el menú desplegable Estado. Si selecciona el botón de opción Región, debería aparecer el menú desplegable Región. A continuación están los márgenes. ¿Cómo usar dojo para hacer esto?

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

Answer 1

Un script js simple es suficiente, pero si quieres hacerlo en Dojo, mira mi jsFiddle:

He agregado algún atributo de datos en html para hacerlo global si quieres agregar otras entradas

Solución en Dojo

código js en dojo:

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");
   });
});