Não sou desenvolvedor profissional, mas como em qualquer local de trabalho, o suporte técnico faz tudo.
Me foi pedido para criar uma página de suporte à equipe de vendas externa, onde possam incluir informações sobre o cliente em questão. Nesse caso, são incluídas informações simples, como: Produto X, tem no local? SIM ou NÃO. Caso sim, apareça o campo para inserir o valor praticado pelo cliente.
Eu encontrei aqui no site, uma resposta que me ajudou muito com isso. Segue o código que utilizei:
PRODUTO X: <select name="produtox" id="valor_sim" required>
<option disabled selected value> -- Selecione uma opção -- </option>
<option value="SIM">SIM</option>
<option value="NÃO">NÃO</option>
</select><br>
<div id="inputOculto">
VALOR INTENSE: <input name="produtox_valor" id="valor_sim" type="number" min="0" max="9999"><br>
</div>
Esse é o código do JS:
<script type='text/javascript'>
$(document).ready(function() {
$('#inputOculto').hide();
$('#valor_sim').change(function() {
if ($('#valor_sim').val() == 'SIM') {
$('#inputOculto').show();
} else {
$('#inputOculto').hide();
}
});
});
</script>
Até aqui tudo bem, o código funciona perfeitamente. O problema, é que nos próximos produtos, isso não funciona neles, somente no primeiro. Pesquisei um pouco, e vi que poderia ser por conta do id ser o mesmo para todos, e encontrei uma resposta sobre usar a opção this nesse link, mas como não compreendo o uso e não sei se seria o caso de utilizá-lo, peço a ajuda nessa situação.
Obrigado.