Ausgewählten Wert eines Dropdown's Element mit jQuery erhalten

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.

Arslan Ali
Bearbeitete Frage 14. Mai 2015 в 9:17
Programmierung
jquery
6. Mai 2010 в 11:08
11 Aufrufe
Lösung

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();
Peter McG
Bearbeitete Antwort 6. Mai 2010 в 8:35
Kommentare (9)
 
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">
  Test 1
  Test 2
Ajay2707
Bearbeitete Antwort 1. Juli 2015 в 5:48
Kommentare (2)

Haben Sie Ihr select-Element mit einer id versehen?

<select id='dropDownId'> ...

Ihre erste Anweisung sollte funktionieren!

Kommentare (0)