Per JavaScript ein <select> "aufklappen" lassen

[Felix Riesterer]

Liebe Mitlesende,

gegeben sei folgendes Markup:

<label for="color">Lieblingsfarbe</label>
<select id="color" name="color">
  <option value="#00ff00">grün</option>
  <option value="#ff0000">rot</option>
  <option value="#0000ff">blau</option>
</select>

Wie kann ich per JavaScript erreichen, dass das select-Element für den Benutzer aufgeklappt wird? Auf Touch-Geräten wird dem Benutzer in solchen Momenten vom System eine Liste mit den möglichen Optionen in einer leichter bedienbaren Darstellung angeboten, was aber nicht der Fall ist, wenn man auf das label-Element tippt. Diesen Effekt möchte ich aber per JS auslösen, damit es egal ist, ob man auf das label oder das select getippt hat.

Die click-Methode des select-Elements löst diesen Effekt offensichtlich nicht aus. [Fiddle]

Wer weiß Rat?

Liebe Grüße,

Felix Riesterer.