JSFiddle - React, Tailwind, and code Playground
HTML
<div class="form-group">
<label class="col-sm-3 control-label">Instituição</label>
<div class="col-sm-6">
<select name="instituicao_tur" required="required" class="form-control" id="instituicao_tur">
<option value="0">Selecione</option>
<option value="1"/>Instituição 1
<option value="2"/>Instituição 2
<option value="3"/>Instituição 3
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Curso</label>
<div class="col-sm-6">
<select name="curso_tur" required="required" class="form-control" id="curso_tur">
<option class="curso_zero" value="">Selecione</option>
<option class="id_cur1" value="1"/>Curso 1
<option class="id_cur2" value="2"/>Curso 2
<option class="id_cur3" value="3"/>Curso 3
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Núcleo</label>
<div class="col-sm-6">
<select name="polo_tur" required="required" class="form-control" id="polo_tur">
<option value="">Selecione</option>
<option value="1" class="id_polo1>"/>Nucleo 1
<option value="2" class="id_polo2>"/>Nucleo 2
<option value="3" class="id_polo3>"/>Nucleo 3
</select>
</div>
</div>
CSS
#curso_tur option, #polo_tur option{display:none;}
JavaScript
$(document).ready(function() {
$('#instituicao_tur').change(function() {
if ($(this).val() == "0") {
$('.curso_zero').hide();
}
});
$('#instituicao_tur').change(function() {
if ($(this).val() == '1') {
$('.id_cur1').show();
}
});
$('#instituicao_tur').change(function() {
if ($(this).val() == '2') {
$('.id_cur2').show();
}
});
$('#instituicao_tur').change(function() {
if ($(this).val() == '3') {
$('.id_cur3').show();
}
});
});
});