JSFiddle - React, Tailwind, and code Playground

HTML

<select id="selectOption" name="selectOption">
    <option>escolha</option>
    <option value="1">destaque</option>
    <option value="2">mini</option>
    <option value="3">free</option>
</select>

<div id="atendimento_a">atendimento_a</div>
<div id="locais_de_atendimento">locais_de_atendimento</div>
<div id="dias_de_atendimento">dias_de_atendimento</div>
<div id="eu_adoro">eu_adoro</div>

JavaScript

var elementos = ["atendimento_a", "locais_de_atendimento", "dias_de_atendimento", "eu_adoro"].map(document.getElementById.bind(document));
document.getElementById("selectOption").addEventListener('change', function() {
    var value = this.value;
    elementos.forEach(function(el) {
        if (el.id == 'eu_adoro') el.style.display = value == '3' ? 'none' : 'bloxk';
        else el.style.display = value == '1' ? 'block' : 'none';
    });
});