¿Cómo puedo obtener el valor seleccionado de un cuadro desplegable utilizando jQuery? He intentado usar
var value = $('#dropDownId').val();
y
var value = $('select#dropDownId option:selected').val();
pero ambos devuelven una cadena vacía.
Para los elementos dom de selección simple, para obtener el valor seleccionado actualmente:
$('#dropDownId').val();
Para obtener el texto seleccionado actualmente:
$('#dropDownId :selected').text();
var value = $('#dropDownId:selected').text()
Debería funcionar bien, vea este ejemplo:
-- begin snippet: js hide: false -->
$(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!" />
...fin del fragmento..;