Desabilitar option de um select se o for selecionado em outro select
Estou com o seguinte problema, tenho 5 select que contem 12 options cada, sendo esses os meses do ano, em que a pessoa deve escolher cinco opções de meses de férias, mas eu não quero que a pessoa tenha como opção no segundo select um option que ele já escolheu no primeiro, para que não hajam meses repetidos na escolha.
Resumindo: se no primeiro select a pessoa escolher janeiro como opção de férias, eu quero que o mês de janeiro fique oculto nos outros quatro selets, e se no segundo select a pessoa escolher, tipo agosto, eu quero que o mês de agosto tb fique oculto no outros três selects ficando oculto então para os outros selects os meses de janeiro e agosto.... e assim por diante.
Alguém pode me dar uma luz de como fazer essa validação de formulário com javascript?
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="css/style.css" />
<title>PLANAF <?php echo $ano+1; ?></title>
</head>
<body>
<form class="form-horizontal" method="post" action="envia_bd.php">
<fieldset>
<h1 id="titulo">PLANAF <?php echo $ano+1; ?></h1>
<div id="identifica" class="alert alert-info">
<h3><?php echo $postograduacaodousuario." RE ".$reusuario." ".$nomedeguerrausuario; ?></h3>
</div>
<div id="boas-vindas" class="alert alert-success">
<p>Bem vindo!</p>
<p>Por favor, escolha cinco opções de férias para o ano de <?php echo $ano+1; ?>.</p><br/>
</div>
<div id="atencao" class="alert alert-success">
<h4 style="color: red; text-align: center; text-decoration: underline; margin-top: 10px; font-size: 15pt">OBSERVAÇÕES:</h4>
<span>1º - Ao clicar no botão Enviar PLANAF <?php echo $ano+1; ?> você será redirecionado para a página de confirmação da opção, devendo imprimir, assinar e entregar na OPM a qual esteja subordinado.</span><br/>
<span>2º - Lembrando que as opções serão compiladas de acordo com a antiguidade, dentro dos postos e graduação, conforme Almanaque de Oficiais e Praças da PMRO.</span><br/>
<span>3º - Só clique em enviar PLANAF <?php echo $ano+1; ?> se tiver certeza das suas opções de férias, pois as mesmas não poderão ser alteras por esse canal. Se necessário, procure a Divisão Administrativa do 3º BPM para solicitar a mudança das suas opções de férias.</span>
</div>
<div id="center">
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="opcao1"></label>
<select id="opcao1" name="opcao1" class="form-control">
<option disabled value="0" selected>Qual a sua 1ª opção de férias ?</option>
<option value="JANEIRO">JANEIRO / <?php echo $ano+1; ?></option>
<option value="FEVEREIRO">FEVEREIRO / <?php echo $ano+1; ?></option>
<option value="MARÇO">MARÇO / <?php echo $ano+1; ?></option>
<option value="ABRIL">ABRIL / <?php echo $ano+1; ?></option>
<option value="MAIO">MAIO / <?php echo $ano+1; ?></option>
<option value="JUNHO">JUNHO / <?php echo $ano+1; ?></option>
<option value="JULHO">JULHO / <?php echo $ano+1; ?></option>
<option value="AGOSTO">AGOSTO / <?php echo $ano+1; ?></option>
<option value="SETEMBRO">SETEMBRO / <?php echo $ano+1; ?></option>
<option value="OUTUBRO">OUTUBRO / <?php echo $ano+1; ?></option>
<option value="NOVEMBRO">NOVEMBRO / <?php echo $ano+1; ?></option>
<option value="DEZEMBRO">DEZEMBRO / <?php echo $ano+1; ?></option>
</select>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="opcao2"></label>
<select id="opcao2" name="opcao2" class="form-control">
<option disabled value="0" selected>Qual a sua 2ª opção de férias ?</option>
<option value="JANEIRO">JANEIRO / <?php echo $ano+1; ?></option>
<option value="FEVEREIRO">FEVEREIRO / <?php echo $ano+1; ?></option>
<option value="MARÇO">MARÇO / <?php echo $ano+1; ?></option>
<option value="ABRIL">ABRIL / <?php echo $ano+1; ?></option>
<option value="MAIO">MAIO / <?php echo $ano+1; ?></option>
<option value="JUNHO">JUNHO / <?php echo $ano+1; ?></option>
<option value="JULHO">JULHO / <?php echo $ano+1; ?></option>
<option value="AGOSTO">AGOSTO / <?php echo $ano+1; ?></option>
<option value="SETEMBRO">SETEMBRO / <?php echo $ano+1; ?></option>
<option value="OUTUBRO">OUTUBRO / <?php echo $ano+1; ?></option>
<option value="NOVEMBRO">NOVEMBRO / <?php echo $ano+1; ?></option>
<option value="DEZEMBRO">DEZEMBRO / <?php echo $ano+1; ?></option>
</select>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="opcao3"></label>
<select id="opcao3" name="opcao3" class="form-control">
<option disabled value="0" selected>Qual a sua 3ª opção de férias ?</option>
<option value="JANEIRO">JANEIRO / <?php echo $ano+1; ?></option>
<option value="FEVEREIRO">FEVEREIRO / <?php echo $ano+1; ?></option>
<option value="MARÇO">MARÇO / <?php echo $ano+1; ?></option>
<option value="ABRIL">ABRIL / <?php echo $ano+1; ?></option>
<option value="MAIO">MAIO / <?php echo $ano+1; ?></option>
<option value="JUNHO">JUNHO / <?php echo $ano+1; ?></option>
<option value="JULHO">JULHO / <?php echo $ano+1; ?></option>
<option value="AGOSTO">AGOSTO / <?php echo $ano+1; ?></option>
<option value="SETEMBRO">SETEMBRO / <?php echo $ano+1; ?></option>
<option value="OUTUBRO">OUTUBRO / <?php echo $ano+1; ?></option>
<option value="NOVEMBRO">NOVEMBRO / <?php echo $ano+1; ?></option>
<option value="DEZEMBRO">DEZEMBRO / <?php echo $ano+1; ?></option>
</select>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="opcao4"></label>
<select id="opcao4" name="opcao4" class="form-control">
<option disabled value="0" selected>Qual a sua 4ª opção de férias ?</option>
<option value="JANEIRO">JANEIRO / <?php echo $ano+1; ?></option>
<option value="FEVEREIRO">FEVEREIRO / <?php echo $ano+1; ?></option>
<option value="MARÇO">MARÇO / <?php echo $ano+1; ?></option>
<option value="ABRIL">ABRIL / <?php echo $ano+1; ?></option>
<option value="MAIO">MAIO / <?php echo $ano+1; ?></option>
<option value="JUNHO">JUNHO / <?php echo $ano+1; ?></option>
<option value="JULHO">JULHO / <?php echo $ano+1; ?></option>
<option value="AGOSTO">AGOSTO / <?php echo $ano+1; ?></option>
<option value="SETEMBRO">SETEMBRO / <?php echo $ano+1; ?></option>
<option value="OUTUBRO">OUTUBRO / <?php echo $ano+1; ?></option>
<option value="NOVEMBRO">NOVEMBRO / <?php echo $ano+1; ?></option>
<option value="DEZEMBRO">DEZEMBRO / <?php echo $ano+1; ?></option>
</select>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="opcao5"></label>
<select id="opcao5" name="opcao5" class="form-control">
<option disabled value="0" selected>Qual a sua 5ª opção de férias ?</option>
<option value="JANEIRO">JANEIRO / <?php echo $ano+1; ?></option>
<option value="FEVEREIRO">FEVEREIRO / <?php echo $ano+1; ?></option>
<option value="MARÇO">MARÇO / <?php echo $ano+1; ?></option>
<option value="ABRIL">ABRIL / <?php echo $ano+1; ?></option>
<option value="MAIO">MAIO / <?php echo $ano+1; ?></option>
<option value="JUNHO">JUNHO / <?php echo $ano+1; ?></option>
<option value="JULHO">JULHO / <?php echo $ano+1; ?></option>
<option value="AGOSTO">AGOSTO / <?php echo $ano+1; ?></option>
<option value="SETEMBRO">SETEMBRO / <?php echo $ano+1; ?></option>
<option value="OUTUBRO">OUTUBRO / <?php echo $ano+1; ?></option>
<option value="NOVEMBRO">NOVEMBRO / <?php echo $ano+1; ?></option>
<option value="DEZEMBRO">DEZEMBRO / <?php echo $ano+1; ?></option>
</select>
</div>
<!-- Button (Double) -->
<div align="center" class="form-group">
<div>
<button id="envia" name="envia" class="btn btn-success">Enviar PLANAF <?php echo $ano+1; ?></button>
<button id="limpa" name="limpa" class="btn btn-danger" type="reset">Limpar</button>
</div>
</div>
</div> <!-- FIM DA DIV CENTER -->
</fieldset>
</form>
<div id="btn-relatorio">
<a href="relatorio.php">Relatório</a>
</div>
</body>
</html>
esses seletos que eu quero validar.Discussão (10)
Carregando comentários...