Du bist hier Home / , / Text und Wert einer Auswahlbox mit jQuery ermitteln

Text und Wert einer Auswahlbox mit jQuery ermitteln

Von Christian am 31. Januar 2010

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 ...
)

Abgelegt unter ,

Kurz-URLs:http://bit.ly/aFKGrC

Verwandte Themen:

  1. AutoSuggest – automatische Text-Vervollständigung mit jQuery
  2. InputNotes – jQuery PlugIn
  3. jQuery-Lint und JSLint – Helferlein für besseren JavaScript/jQuery Code
  4. EtherPad – ein kollaborativer Online-Text-Editor
  5. jPaginate – interessante “Pagination”-Variante mit jQuery

Christian

Baujahr 1976, Software-Entwickler und Web-Designer aus Leidenschaft, Erfahrung in gefühlten 9342049 Programmiersprachen (PHP, Perl, C#, VB.Net, VB6, Delphi um nur einige zu nennen), in der Vergangenheit an diversen Open Source Projekten beteiligt (allen voran das gute alte YaBB und YaBB SE)

Kommentarfunktion geschlossen.