jQuery – Obter valor selecionado no Dropdown

Certo, você criou um dropdown e agora precisa obter o valor logo após a seleção do usuário. É muito simples fazer isso usando jQuery.

Vamos considerar que você tenha um dropdown com a seguinte marcação:

<select id="city">
    <option value="1">São Paulo</option>
    <option value="2">Campinas</option>
</select>

Agora crie o código para capturar o evento após a seleção e capturar o valor selecionado como no exemplo abaixo:

$('#city').change(function () {
    var selectedValue = $(this).val();
    console.log(selectedValue);
});

O valor da propriedade value será obtida e armazenada na variável selectedValue. É só isso mesmo! 🙂