Quero exibir/ocultar um campo input, de acordo com o valor do select box escolhido pelo usuário.
<div class="col-md-6 mb-3">
<label for="tipoPessoa">Tipo:</label>
<select class="form-control"
id="tipoPessoa" th:field="*{tipoPessoa}"
th:errorclass="is-invalid">
<option value="1">MEMBRO</option>
<option value="2">NÃO MEMBRO</option>
</select>
<small>Informe se é membro ou não.</small>
<div class="invalid-feedback" th:errors="*{tipoPessoa}">
Erros no tipo da pessoa
</div>
</div>
<div class="form-group" id="divCodigoMembro" >
<label for="codigoPessoa">Código do Membro:</label>
<input
type="number" th:field="*{codigoPessoa}"
th:errorclass="is-invalid" class="form-control"
placeholder="Código do membro" />
<small>Caso a pessoa seja membro, informe o código de membro da pessoa.</small>
<div class="invalid-feedback" th:errors="*{codigoPessoa}">
Erros no código de membro da pessoa
</div>
</div>