Retrieve and Print selected value of a <select>

Question

I have 1 <select></select> with various options and wanted to use jquery to recover the value of the one I selected and print in the div test, someone can help me?

<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>

Answer 1

you can use the event change for this.

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>

Answer 2

Try this, I think it should already solve:

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

Follow the example: http://jsfiddle.net/ivanferrer/t9n72u84/