Lista rozwijana HTML

Question

Witam wszystkich, robię formularz na stronę www, posiadam w nim taką oto listę rozwijaną:

moje pytanie brzmi:

Jak zrobić coś w stylu pojawiającej sie kolejnej listy rozwijanej w zależności od wybrania pozycji w pierwszym liście rozwijanym?. chodzi mi o to:

Czerwonym zaznaczona właśnie moja pierwsza lista rozwijana, gdybym wybrał "extra small car"

to pojawiła by się 2 lista rozwijana z opcjami w żółtym kwadracie, gdybym za to wybrał "small" moja 2 lista miała by wyglądać rak jak w zielonym kwadracie itd....

 

jak coś takiego uzyskać?

Mam nadzieję że wiecie o co mi chodzi

Pozdrawiam

Answer 1

Poziome menu

Comments

chodzi mi bardziej o to że oprócz pierwszej szuflady wszystkie są ukryte,

dopiero po wyborze w pierwszej szuflady np 2 albo 3 szuflada pojawia się pod spodem

---

Jeżeli nie chodzi Ci o rozwijane menu to ja nie wiem o co

Answer 2

Najłatwiej to po wybraniu pierwszej opcji zrobić strzał do API o pobranie kolejnych itp. Na przykład coś w stylu:

GET getCarTypes -> co zwróci listę rodzajów aut, np. Array<CarSize>

GET getAllModelsForSmallCars -> co zwróci listę małych aut, np. Array<Car>

i tak kolejne endointy, które będą Ci stopniowo uzupełniać front. Jeśli danych jest mało to można też pokusić się o podciągnięcie ich od razu i potem tylko filtrowanie na froncie - wszystko zależy od wielkości danych, ilości zmiennych na podstawie których dane wyciągane są z bazy itp. Nie ma tu jednego, uniwersalnego rozwiązania.

Comments

A był by możliwość zrobić coś w stylu listy rozwijanej w liście rozwijanej?taki double można rzec

wiesz o co chodzi?

---

niezbyt rozumiem, ja podalem Ci rozwiązanie na architekturę takiego problemu a czy zrobisz to jako lista rozwijana, dodatkowe elementy wyskakujące gdzieś obok itp. itd. to już żadna różnica.