Olá, estou desenvolvendo um site, e queria que quando o usuário selecionasse a opção OUTRA, abrisse uma caixa de texto para ele digitar, porém não estou conseguindo, alguém pode ajudar?
function mostraCampo(this) {
var select = document.getElementById('instituição')
if (select == 'OUTRA') {
document.getElementById("outrainst").style.visibility = "visible";
} else{
document.signup.outrainst.style.visibility = "hidden";
}
}
<div class="form-group">
<label> Instituição de ensino <br />
<select class="form-group" name="instituição" id="instituição" onchange="mostraCampo(this.value);">
<option value="UFTM">UFTM</option>
<option value="UNIUBE">UNIUBE</option>
<option value="FACTHUS">FACTHUS</option>
<option value="SENAI">FAZU</option>
<option value="IMEPAC">IMEPAC</option>
<option value="NENHUMA">NENHUMA</option>
<option value="OUTRA">OUTRA</option>
</select>
<input type="text" class="form-control" name="outrainst" id="outrainst" style="visibility: hidden;">
</label>
</div>