Elemente aus der Dropdownliste entfernen
bearbeitet von
@@Matthias Apsel
> Da `option`-Elemente nur Text enthalten dürfen, ist das schon mal nicht so ohne weiteres möglich.
Aber mit Weiterem:
Symbol (Mülleimer o.ä.) per CSS hinzufügen und rechts ausrichten; bei Click abfragen, ob im `option`-Element auf das Symbol geclickt wurde, wenn ja: Option entfernen, vorher gewählte Option wieder anwählen: [select with remove-option function](http://codepen.io/gunnarbittersmann/pen/xOWOEw).
Offene Frage: Was soll passieren, wenn die vorher angewählte Option entfernt wird?
Die Lösung funktioniert freilich nur bei Mausbedienung; nicht per Tastatur. Ist als _progressive enhancement_{: lang="en"} vielleicht verschmerzbar.
LLAP 🖖
--
_“There’s no such thing as an ‘average’ user, but there is such a thing as an average developer.”_{: lang="en"} —Vitaly Friedman in [Accessibility Matters: Meet Our New Book, “Inclusive Design Patterns”](https://www.smashingmagazine.com/2016/06/inclusive-design-patterns/)
_[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}