Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jonata Rodrigues

Value de Select em Input

Recommended Posts

Galera tenho um código em Javascrit que tem uma select com 2 opções, e eu não estou conseguindo adicionar +1 opção na Select.. alguém poderia me ajudar!?

   Arroz Mineirinho: <select name="op-feijao" id="sel-op-feijao">
  <option value=""></option>
  <option value="0">1x</option>
  <option value="1">2x</option>
  </select>

<input type="op-feijao" name="feijao" id="input-op-feijao" readonly value=""><br>
<script type="text/javascript">
var $select_fj = document.getElementById('sel-op-feijao'),
    $input_fj  = document.getElementById('input-op-feijao');

$select_fj.addEventListener('change', function(){
  $input_fj.value = this.value === '0' ? '8' : '16';
});
</script>

Agradeço a todos desde já!

Compartilhar este post


Link para o post
Compartilhar em outros sites

   Arroz Mineirinho: <select name="op-feijao" id="sel-op-feijao">
  <option value=""></option>
  <option value="0">1x</option>
  <option value="1">2x</option>
  <option value="2">4x</option>
  </select>

<input type="op-feijao" name="feijao" id="input-op-feijao" readonly value=""><br>
<script type="text/javascript">
var $select_fj = document.getElementById('sel-op-feijao'),
    $input_fj  = document.getElementById('input-op-feijao'),
    values = {
      0: 8,
      1: 16,
      2: 32
    };

$select_fj.addEventListener('change', function(){
  $input_fj.value = values[this.value] || 0;
});
</script>
Pergunta: qual a utilidade desse script ?

Eu fiz a um tempo atrás para outro membro do fórum, mas não entendi o motivo pelo qual está sendo usado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara vlw... Ajudou muito... Esse código vai ser usado em um formulário, de estilo lista de compras, dai o value do input vai ser somado junto com outros elementos!
Sou novato em Javascript, eu não consegui bolar um jeito em javascript para somar sem ser nesse estilo de input.
Vlw Vlw!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.