Text und Wert einer Auswahlbox mit jQuery ermitteln

Wieder mal etwas aus der Rubrik “Kleinigkeiten die furchtbar nerven können”. Ich habe eine Auswahlbox die grob so aussieht:

<select id="xyz">
        <option value="1">Auswahl 1</option>
        <option value="2">Auswahl 2</option>
        <option value="3">Auswahl 3</option>
</select>

und wollte mit jQuery darauf zugreifen. Einmal brauchte ich die Werte (1,2,3) und einmal den Text (Auswahl 1/2/3).

Während ersteres auch in der Doku von jQuery erklärt ist:

$("#xyz").val()

ist es das Letztere leider nicht. Daher hier die Lösung:

$("#xyz :selected").text()

Vielleicht hilft es ja jemandem Bei Auswahlboxen in denen mehrere Elemente ausgewählt sein können kommt man übrigens mit each() weiter.

$("#xyz :selected").each(
        // Hier die Funktion zum Verarbeiten ...
)

Keine verwandten Themen gefunden.