Ir para conteúdo

Arquivado

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

hmarcio

Ação ao selecionar um item da tag select

Recommended Posts

Olá pessoal, boa tarde!

Estou desenvolvendo um game, e preciso de ajuda para quando eu clicar em uma das opções do campo select, execute uma ação!
Alguma sugestão ?

Desde já, obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode fazer o seguinte... Pega o "value" do select e faz um switch (ou if, como preferir).

<style>
  .hidden{display:none}
</style>

<select name="valores" id="valores">
  <option value=""> Selecione </option>
  <option value="um"> Tipo um </option>
  <option value="dois"> Tipo dois </option>
</select>

<div class="hidden" id="um"> um </div>

<div class="hidden" id="dois"> dois </div>

<script>

  var select = document.getElementById('valores');

  select.onchange = function()
  {

    var hidden = document.getElementsByClassName('hidden');

    for(x=0; x<(hidden.length); x++)
    {

      hidden[x].style.display = 'none';
    }

    switch(select.value)
    {
      ////
      case 'um':
        document.getElementById('um').style.display = 'block';
        break;
      ////
      case 'dois':
        document.getElementById('dois').style.display = 'block';
        break;
    }

  }

</script>

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.