0

Eu tenho 1 <select></select> com varias opções e queria que através de jquery recuperasse o valor daquela que eu tivesse seleccionado e imprimisse na div teste, alguém me pode ajudar?

<select id="resultado_team2_CSGO">            
    <option value="Fnatic">Fnatic</option>
    <option value="tenvyus">Team EnVyUs</option>
    <option value="tsm">Team Solomid.</option>
    <option value="nip">Ninjas in Pyjamas</option>
    <option value="navi">Na`Vi</option>
 </select> 
<div class="teste"></div>

2 Respostas 2

1

você pode usar o evento change para isto.

var resultado = $("#resultado_team2_CSGO");
var teste = $(".teste");

resultado.on("change", function (event) {
  teste.html(event.target.value);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="resultado_team2_CSGO">            
    <option value="Fnatic">Fnatic</option>
    <option value="tenvyus">Team EnVyUs</option>
    <option value="tsm">Team Solomid.</option>
    <option value="nip">Ninjas in Pyjamas</option>
    <option value="navi">Na`Vi</option>
 </select> 
<div class="teste"></div>

1
  • Obrigado :D já resolvi
    – xdam98
    4/09/2015 às 18:03
1

Experimente isso, acho que já deve resolver:

$(function(){
    $('#resultado_team2_CSGO').on('change', function (e) {
        var optionSelected = $("option:selected", this);
        var valueSelected = this.value;
        $('.teste').text(valueSelected);
    });
  });

Segue o exemplo: http://jsfiddle.net/ivanferrer/t9n72u84/

1
  • Obrigado, resolveu ;D
    – xdam98
    4/09/2015 às 18:02

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .