Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pola select zależne od siebie
Forum PHP.pl > Forum > PHP
Mody23
Witam!

Potrzebuję stworzyć przy pomocy PHP, MySQL i HTML pola select, które są zależne od siebie. Chodzi o to, że są pola do wybrania, najpierw pole "marka" - a w nim np. Fiat, Audi, BMW. Następnie będzie pole "rocznik" i tutaj już zależnie od wcześniejszego wyboru - jeżeli wcześniej wybraliśmy BMW to tam pojawiają się takie lata, w których BMW produkowało jakieś modele. Wydaje mi się, że każdy rozumie o co mi chodzi. No i wiadomo, to będzie bez przeładowania strony. Jak takie coś zrobić?

Pozdr.
Sephirus
Ok będę szczery - poszukaj na forum - ze 3 razy już odpowiadałem na podobny post dry.gif
Kshyhoo
Takie coś?
  1. <form name="form1" action="">
  2. <select name="lista1" onChange="zmien(this.options.selectedIndex)">
  3. <option>opcja 1</option>
  4. <option>opcja 2</option>
  5. <option>opcja 3</option>
  6. <select name="lista2"></select>
  7. <input type="button" value="pokaz" onClick="pokaz()" />
  8. </form>

[JAVASCRIPT] pobierz, plaintext
  1. <script language="javascript" type="text/javascript">
  2. <!--
  3. function pokaz() {
  4. l2=document.form1.lista2;
  5. alert(l2.options[l2.selectedIndex].value);
  6. }
  7.  
  8. function zmien(wybor) {
  9. l2=document.form1.lista2;
  10. for (i=l2.options.length;i>=0;i--) l2.options[i]=null;
  11. for (i=0;i<opcje[wybor].length;i++)
  12. l2.options[i]=new Option(opcje[wybor][i].value,opcje[wybor][i].text);
  13. }
  14.  
  15. ile_lista1=document.form1.lista1.options.length;
  16. opcje=new Array(ile_lista1)
  17. for (i=0;i<ile_lista1;i++) opcje[i]=new Array();
  18.  
  19. opcje[0][0]=new Option("o1p1","opcja 1 - pole 1")
  20. opcje[0][1]=new Option("o1p2","opcja 1 - pole 2")
  21.  
  22. opcje[1][0]=new Option("o2p1","opcja 2 - pole 1")
  23. opcje[1][1]=new Option("o2p2","opcja 2 - pole 2")
  24. opcje[1][2]=new Option("o2p3","opcja 2 - pole 3")
  25.  
  26. opcje[2][0]=new Option("o3p1","opcja 3 - pole 1")
  27. opcje[2][1]=new Option("o3p2","opcja 3 - pole 2")
  28.  
  29. zmien(0);
  30. // -->
  31. </script>
[JAVASCRIPT] pobierz, plaintext
Mody23
Tak, tylko że wrzuciłem to u siebie i nie bardzo działa. Drugie pole select jest puste :/
celbarowicz
Sam Fiat ma wiele modeli , czy przypadkiem nie jest potrzebny selekt*3.
Zobacz : http://www.autoscout24.de
Mody23
Z autami to tylko przykład, aby łatwo zobrazować o jaki efekt mi chodzi.
sunpietro
może tutaj znajdziesz rozwiązanie? select zależne od siebie
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.