Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá amigos
Tenho um formulário onde de acordo com o valor selecionado de certo campo, alguns campos são selecionados.
Está funcionando quase perfeitamente. O problema é o seguinte:
Ao selecionar o CAMPO_1 me abre o CAMPO_2 e até aí tudo bem. O que preciso agora é que dependendo da condição do CAMPO_2 selecionada, seja mostrado o CAMPO_3, ou seja, o CAMPO_2 é mostrado se o campo_1 tiver certa condição e também habilita o campo_3 se certa condição for selecionada.
Meu javascript
<script type="text/javascript">
if (document.getElementById("campo_1").value =="Sim") {
document.getElementById("campo_2").style.display="block";
}
else {
document.getElementById("campo_2").style.display="none";
}
}
function habil_cat() {
if (document.getElementById("campo_2").value =="Sim") {
document.getElementById("campo_3").style.display="block";
}
else {
document.getElementById("campo_3").style.display="none";
}
}
</script>
Meus campos
<select class="form-control" id="campo_1" name="campo_1" onchange="habilitar_campo()">
<select class="form-control" id="campo_2" name="campo_2" onchange="habil_cat()">
<select class="form-control" id="campo_3" name="campo_3">
O campo_3 não está abrindo ao selecionar a condição exigida no campo_2. O que há de errado?
Desde já agradeço pela colaboração
Carregando comentários...