Boa tarde, galera! To tentando esconder uma DIV no meu código com base no valor que um campo no meu site retorna.
Se o valor dele estiver contido "Acidente", a DivAcidente
deve ser mostrada. Caso retorne qualquer outro valor, ela continua oculta.
Tentei fazer isso com JavaScript, mas o script só entra em execução quando eu faço alguma alteração nesse DropDown, sendo que por padrão ele já vem carregado. Vou deixar a parte em específico do código, e o meu JS.
@* Script para controle dos campos de um RTA tipo Acidente *@
<script type="text/javascript">
$(document).ready(function () {
////Chama o evento após selecionar um valor
$('#OrigemAnomalia').on('change', function () {
if (this.value == 'Acidente') {
$(".DivAcidente").show();
}
else {
$(".DivAcidente").hide();
}
});
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
<div class="DivAcidente" style="display:none;">
@Html.LabelFor(model => model.HoraOcorrencia, htmlAttributes: new { @class = "control-label col-md-2", style = "font-size: 14px" })
<div class="col-md-3">
@Html.EditorFor(model => model.HoraOcorrencia, new { htmlAttributes = new { @class = "form-control", @readonly = "readonly" } })
@Html.ValidationMessageFor(model => model.HoraOcorrencia, "", new { @class = "text-danger" })
</div>
</div>
@Html.LabelFor(model => model.OrigemAnomalia, htmlAttributes: new { @class = "control-label col-md-2", style = "font-size: 14px" })
<div class="col-md-3">
@Html.DropDownListFor(model => model.OrigemAnomalia, listOrigem, new { @class = "form-control" })
@*@Html.EditorFor(model => model.OrigemAnomalia, new { htmlAttributes = new { @class = "form-control", @readonly = "readonly" } })*@
@Html.ValidationMessageFor(model => model.OrigemAnomalia, "", new { @class = "text-danger" })
</div>
</div>