Montei um javascript simples com JQuery para Ocultar e Exibir um campo onde os valores tbem são resetados dependendo da opção escolhida no select, o problema e que quando se entra na tela e seleciona a opção "sim" e depois da F5 na tela o select não reseta e permanece no "sim" e sem mostrar os campos abertos, alguém sabe como resolvo isso?
Obs: Quero que quando a página e recarregada sem salvar os dados o select volte para a opção "não" por padrão.
function verificaSelect(el) {
let input = $(el).find(":selected").text().toUpperCase();
if (input === "SIM") {
$(el).parents(".row:first").find("#ComboAndamento:first").css('display', '');
}
if (input === "NÃO") {
$(el).parents(".row:first").find("#ComboAndamento:first").css('display', 'none');
$("#ComboAndamento").find("#DataAndamento").val("");
$("#ComboAndamento").find("#DetalhesAndamento").val("");
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
<div class="form-group pmd-textfield col-sm-5">
<strong>1.13</strong> Situação do processo
</div>
</div>
<div class="row">
<div class="form-group pmd-textfield col-md-4 divicolun">
<label for="AndamentoSelect" class="control-label cssPerguntas">
EM ANDAMENTO
</label>
<select id="AndamentoSelect" class="form-control"
onchange="verificaSelect(this);">
<option value="não" selected>Não</option>
<option value="sim">Sim</option>
</select>
<div id="ComboAndamento" style="display:none;">
<label for="DataAndamento" class="control-label cssPerguntas">
Data
</label>
<input class="form-control" id="DataAndamento" min="1900-01-01" type="date">
<label for="DetalhesAndamento" class="control-label cssPerguntas">
Detalhamento
</label>
<input class="form-control" id="DetalhesAndamento" type="text" placeholder="Detalhes...">
</div>
</div>