Wie kann ich den ausgewählten Wert eines Dropdown-Feldes mit jQuery abrufen?
Ich habe versucht, mit
var value = $('#dropDownId').val();
und
var value = $('select#dropDownId option:selected').val();
geben aber beide eine leere Zeichenkette zurück.
Für einzelne Select-Dom-Elemente, um den aktuell ausgewählten Wert zu erhalten:
$('#dropDownId').val();
Um den aktuell ausgewählten Text zu erhalten:
$('#dropDownId :selected').text();
var value = $('#dropDownId:selected').text()
Sollte gut funktionieren, siehe dieses Beispiel:
$(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!" />
Haben Sie Ihr select-Element mit einer id versehen?
<select id='dropDownId'> ...
Ihre erste Anweisung sollte funktionieren!