JSFiddle - React, Tailwind, and code Playground

Manipulação de divs via select (para http://pt.stackoverflow.com/q/32141/ que foi fechada)

by brasofilo

HTML

<form method="post">
    <select id="sel" name="graf" class="selectChart" onchange="selectChart(this.value);">
        <option value="Escolha">Escolha</option>
        <option value="1">Gráfico Barra</option>
        <option value="2">Gráfico Pizza</option>
        <option value="3">Gráfico Combo</option>
    </select>
    <!-- <input type="submit" name="grafico" value="Enviar"> -->
</form>
<div id="div-chart">Selecione o gráfico.</div>
<div id="c1">1</div>
<div id="c2">2</div>
<div id="c3">3</div>

CSS

#div-chart {
    background-color:#ddd
}
#c1 {
    background-color:#e55
}
#c2 {
    background-color:#5e5
}
#c3 {
    background-color:#55e
}
div {
    width: 100%;
    height: 30px;
    clear:both;
    float:left;
}

JavaScript

function reset() {
    document.getElementById('div-chart').innerHTML = 'Selecione o gráfico.';
    document.getElementById('c1').innerHTML = '1';
    document.getElementById('c2').innerHTML = '2';
    document.getElementById('c3').innerHTML = '3';
}
function selectChart(graf) {
    reset();
    if (graf != "Escolha") {
        document.getElementById('c' + graf).innerHTML = "<div id='" + graf + "'>GRAF: " + graf + "</div>";
    } else {
        document.getElementById("div-chart").innerHTML = "VAZIO";
    }
}