[RESOLVIDO] Oculta mostra se tiver selecionado algum elemento do select
Amigos tenho um formulário de cadastro por etapas e a cada etapa preenchida passa para a próxima mas então precisei que tenha uma validação que só passe para a próxima etapa se selecionar ao menos uma opção do select.
Achei a função conforme exemplo abaixo:
<select name="id_tipo_contacto" id="id_tipo_contacto">
<option value="empresa">Contacto empresa</option>
<option value="casamento">Contacto casamento</option>
</select>
<div id="empresa" class="formulario">Mostra formulário empresa</div>
<div id="casamento" class="formulario" style="display:none;">Mostra formulário casamento</div>
var select = document.getElementById("id_tipo_contacto");
var formularios = document.querySelectorAll('.formulario');
select.onchange = function () {
for (var i = 0; i < formularios.length; i++) formularios[i].style.display = 'none';
var divID = select.options[select.selectedIndex].value;
var div = document.getElementById(divID);
div.style.display = 'block';
};
Funciona certinho mas o problema é que não quero que mostre uma div para cada item selecionado mas sim que mostre uma div se qualquer item for selecionado.
Não sei muito de javascript e já tentei fazer mas não consegui alterar esse script para o que preciso. Como faço?
Grato.Discussão (3)
Carregando comentários...