JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>Instituição
    <input type="radio" name="tipos" value="instituicao" checked>
</label>
<label>Hospital
    <input type="radio" name="tipos" value="hospital">
</label>
<label>Geral
    <input type="radio" name="tipos" value="geral">
</label>

<select name="" id="tipos">
    <option value="normal">Normal</option>
    <option value="tecnico">Tecnico</option>
    <option value="superior">Superior</option>
</select>

JavaScript

var opcoes = {
    instituicao: {
        values: ['normal', 'tecnico', 'superior'],
        html: ['Normal', 'Técnico', 'Superior']
    },
    hospital: {
        values: ['clinica', 'particular', 'hospital'],
        html: ['Clínica', 'Particular', 'Hospital']
    },
    geral: {
        values: ['bar', 'parques', 'compras'],
        html: ['Bar', 'Parques', 'Compras']
    }
};
var $select = $('select#tipos');
$('input').on('change', function() {
    var options = opcoes[this.value];
    $select.html('');
    options.values.forEach(function(value, i) {
        var el = $('<option/>', {
            value: value,
			html: options.html[i]
        });
        $select.append(el);
    });
});