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.
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">
<option value="1">Test 1</option>
<option value="2">Test 2</option>
</select>
<input id="button1" type="button" value="Click!" />