Hallo lopi02,
abgesehen von dedlfix-Hinweis noch dies:
-
eine ID sollte mit einem Buchstaben beginnen. Dann kannst Du sie im CSS Selektor leichter ansprechen.
-
Du brauchst Die options von select nicht mit queryselectorall zu suchen. Das select Element (was Du mit e.target bereits verfügbar hast) hat ein options Atttribut. Darüber kannst Du auch iterieren.
-
in deiner Schleife musst Du die selected-Eigenschaft des option-Elements, das Du gerade betrachtest, prüfen. Ist sie true, müssen die entsprechenden Elemente sichtbar werden, ist sie false, musst Du sie wieder unsichtbar machen. Du tust Dich hier einfacher, wenn Du nicht display:none verwendest sondern das hidden-Attribut. Das ist schon bool, und Du musst ihm einfach nur
!option.selected
zuweisen. Hidden wird ordentlich unterstützt, nur IE10 User müssen draußen bleiben.
Rolf
sumpsi - posui - clusi