Wartości selektów w zależności od wyboru poprzedniego selecta.

0

Cześć. Mam zrobione 3 selecty, które otrzymują Option w następujący sposób:

 <select name="car" class="selector__select">
 	<option class="selector__selected" value=""></option>
        <?php foreach ($this->car as $val) { ?>
        	<option class="selector__option" value="<?= $val['id'] ?>"><?= $val['car'] ?></option>
        <?php
       }
 ?>
 </select>

Taki kod otrzymałem od backendowca. Mam zrobić w jQuery zmiany dynamiczne, tzn. po wybraniu opcji w pierwszym selectcie w następnym pozostają mi tylko te powiązane z tym pierwszym, a przy wyborze 3 są takie opcje które się zgadzają z 1 i 2.. Mam JSON do tego, jak takie coś ogarnąć? Kompletnie nie wiem pod jakimi hasłami szukać tego, ew. jakieś przykłady gdzie znajdę?

2

Podstawowa sprawa - to, co wrzuciłeś, poza HTML zawiera także wstawki PHP. Nie mieszajmy technologii, skupmy się na froncie, czyli w naszym przypadku JS/jQuery.

A co do rozwiązania Twojego problemu - w sumie to jest w miarę proste :)
Musisz obsłużyć zdarzenie powstające w chwili wyboru przez użytkownika jakiejś wartości - https://api.jquery.com/change/. A następnie, w obsłudze tego zdarzenia, musisz odpowiednio ukryć/zablokować elementy, których nie potrzebujesz (w związku z wyborem dokonanym w poprzednim kroku).

Na razie tyle powinno Ci wystarczyć na początek :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1