Obtenha o valor selecionado de um item dropdown's usando jQuery

Como posso obter o valor selecionado de uma caixa dropdown usando jQuery?
Eu tentei usar

var value = $('#dropDownId').val();

e

var value = $('select#dropDownId option:selected').val();

mas ambos devolvem uma corda vazia.

Solução

Para elementos de cúpula selecionados individualmente, para obter o valor atualmente selecionado:

$('#dropDownId').val();

Para obter o texto actualmente seleccionado:

$('#dropDownId :selected').text();
Comentários (9)
var value = $('#dropDownId:selected').text()

Deve funcionar bem, veja este exemplo:

$(document).ready(function(){ 
  $('#button1').click(function(){ 
    alert($('#combo :selected').text());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
  Test 1
  Test 2
Comentários (2)

Você forneceu o seu elemento selecionado com uma identificação?

<select id='dropDownId'> ...

A sua primeira declaração deve funcionar!

Comentários (0)