Select ser obrigatório selecionar um valor diferente
Eu tenho quatro input type="time" na minha página e a frente deles um select. Por padrão meu select vem disabled. Eu fiz um script que habilita meu select somente se pelo menos um dos quatro input type="time" for preenchido. O primeiro item do meu select é "JUSTIFICAR MARCAÇÃO" e os demais itens são carregados com itens de uma tabela do meu banco de dados.
O que eu gostaria é o seguinte, existe a possibilidade de, se pelo menos um dos quatro input type="time" estiver preenchido, ao habilitar o select, ser obrigatório selecionar um valor neste select diferente do primeiro valor, ou seja, um valor diferente do "JUSTIFICAR MARCAÇÃO".
Existe essa possibilidade?
Segue abaixo um código de exemplo com os quatros <input type="time"> e o select:
<input type="time" id="hora001" name="hora001" onchange="HabilitaSelectJust()">
<br>
<input type="time" id="hora002" name="hora002" onchange="HabilitaSelectJust()">
<br>
<input type="time" id="hora003" name="hora003" onchange="HabilitaSelectJust()">
<br>
<input type="time" id="hora004" name="hora004" onchange="HabilitaSelectJust()">
<br>
<br>
<select name="justificativa0" id="justificativa0" disabled>
<option>JUSTIFICAR MARCAÇÃO</option>
<option value="11">Abonado </option>
<option value="65">Admissao </option>
<option value="21">Atestado </option>
<option value="6">Compensação </option>
<option value="13">Crachá com Defeito </option>
<option value="57">Escola </option>
<option value="8">Esqueceu Cartão/Crachá </option>
<option value="61">Esqueceu de Registrar Ponto </option>
<option value="75">Falta de Energia Eletrica </option>
<option value="81">Home Office </option>
</select>
E agora, segue meu javascript que habilita o campo select caso pelo menos um dos quatro <input type="time"> esteja preenchido:
<script>
function HabilitaSelectJust() {
if(document.getElementById("hora001").value == ""
&& document.getElementById("hora002").value == ""
&& document.getElementById("hora003").value == ""
&& document.getElementById("hora004").value == "") {
document.getElementById("justificativa0").setAttribute("disabled","disabled");
} else {
document.getElementById("justificativa0").removeAttribute("disabled");
}
}
</script>Discussão (0)
Carregando comentários...