Wert eines <select> mit CSS nutzen

[wasdenflosser]

Hallo,

ich versuche zu einer Formulareingabe passenden Text anzuzeigen, was mit einer Checkbox auch wunderbar funktioniert. Allerdings verzweifle ich an dem Dropdown: http://jsfiddle.net/RQ7NZ/3/

Ich habe leider keinen funktionierenden Weg gefunden mittels CSS auf den Wert eines <select> zuzugreifen. Könnt ihr mir da weiterhelfen?

Grüße
wasdenflosser

[Sven Rautenberg]

Moin!

ich versuche zu einer Formulareingabe passenden Text anzuzeigen, was mit einer Checkbox auch wunderbar funktioniert. Allerdings verzweifle ich an dem Dropdown: http://jsfiddle.net/RQ7NZ/3/

Ich habe leider keinen funktionierenden Weg gefunden mittels CSS auf den Wert eines <select> zuzugreifen. Könnt ihr mir da weiterhelfen?

Vermutlich nicht.

Nur mal angenommen, mit CSS könnte man erkennen, dass eines der <option>-Elemente innerhalb des <select> aktiviert wurde - dann bräuchtest du einen CSS-Selektor, der eine DOM-Element-Ebene nach oben springen kann, um auf dieser Ebene dann deinen Text anzusprechen.

Nach meinem Kenntnisstand gibt es so einen Selektor nicht. Die einzige derzeitige Lösung muss Javascript verwenden.

- Sven Rautenberg

[wasdenflosser]

Danke. Dann muss da da wohl auf JS zurückgreifen. Eine CSS-basierte Lösung wäre sowieso primär zur Befriedigung meines Spieltriebs gewesen. In der Praxis tut's JS auch.

Grüße
wasdenflosser

Vermutlich nicht.

Nur mal angenommen, mit CSS könnte man erkennen, dass eines der <option>-Elemente innerhalb des <select> aktiviert wurde - dann bräuchtest du einen CSS-Selektor, der eine DOM-Element-Ebene nach oben springen kann, um auf dieser Ebene dann deinen Text anzusprechen.

[Gunnar Bittersmann]

@@wasdenflosser:

nuqneH

Allerdings verzweifle ich an dem Dropdown: http://jsfiddle.net/RQ7NZ/3/

Bitte beim nächsten Mal verlinken – geht auch per Button überm Eingabefeld.

Beachte, dass das in Android-Browsern nicht geht.

Qapla'