# jQuery: Ausgewählte Option aus Select-Box auslesen

Manche Dinge sind eigentlich recht einfach, aber man tut sich mit ihnen schwer. So ist es zum Beispiel, wenn es darum geht, den ausgewählten Wert auf einem Select-Feld mit [jQuery](http://jquery.com) auszulesen. Nehmen wir an, das Dropdown-Feld sieht wie folgt aus:

<code html>
<select name="obst" id="obst">
  <option value="1">Orange</option>
  <option value="2">Apfel</option>
  <option value="3">Banane</option>
</select>
</code>

Ausgelesen kann der aktuelle Wert – wie bei jedem anderen Input-Feld auch – mit `val()`:

<code javascript>
$('select#obst').val();
</code>

## Ausgabe des Value-Wertes

Soll aber der Text, anstatt der Value ausgegeben werden, funktioniert die `val()`-Funktion nicht mehr. Hier kann aber mit dem Selektor `:selected` gearbeitet werden:

<code javascript>
$('select#obst :selected').text();
</code>

## Ausgabe des Textes vom ausgewählten Listenpunkt

Ein weiteres mögliches Szenario bei der Arbeit mit Select-Boxen ist die Ausgabe von mehreren ausgewählten Optionen:

<code javascript>
$('select#obst :selected').each(function(i, option) {
  // Verarbeitung der Optionen
  alert(option.value + ' ' + option.text);
});
</code>