Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML]Rozbudowany formularz
Forum PHP.pl > Forum > Przedszkole
Arhimenrius
Witam.
A więc mam taki problem, że w sumie nie wiem pod jakimi zapytaniami szukać swojego problemu w google nawet.
A chodzi o Formularze, gdzie po wybraniu 1 opcji, pojawia się następne pole do wypełnienia, itd, zależnie od tego co wybraliśmy wcześniej.
Z góry dziękuję i pozdrawiam.
Niktoś
No to Powinieneś, zainteresować się instrukcjami warunkowymi/wyboru jak if , switch itp. Jeśli efekt miałby być nieodczuwalny dla użytkownika to dodatkowo zapoznać się z Ajax'em.
Kshyhoo
Bardziej zainteresuj się forumową szukajką, bo takich wątków było całkiem sporo.
  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>
  9.  
  10. <script language="javascript" type="text/javascript">
  11. <!--
  12. function pokaz() {
  13. l2=document.form1.lista2;
  14. alert(l2.options[l2.selectedIndex].value);
  15. }
  16.  
  17. function zmien(wybor) {
  18. l2=document.form1.lista2;
  19. for (i=l2.options.length;i>=0;i--) l2.options[i]=null;
  20. for (i=0;i<opcje[wybor].length;i++)
  21. l2.options[i]=new Option(opcje[wybor][i].value,opcje[wybor][i].text);
  22. }
  23.  
  24. ile_lista1=document.form1.lista1.options.length;
  25. opcje=new Array(ile_lista1)
  26. for (i=0;i<ile_lista1;i++) opcje[i]=new Array();
  27.  
  28. opcje[0][0]=new Option("o1p1","opcja 1 - pole 1")
  29. opcje[0][1]=new Option("o1p2","opcja 1 - pole 2")
  30.  
  31. opcje[1][0]=new Option("o2p1","opcja 2 - pole 1")
  32. opcje[1][1]=new Option("o2p2","opcja 2 - pole 2")
  33. opcje[1][2]=new Option("o2p3","opcja 2 - pole 3")
  34.  
  35. opcje[2][0]=new Option("o3p1","opcja 3 - pole 1")
  36. opcje[2][1]=new Option("o3p2","opcja 3 - pole 2")
  37.  
  38. zmien(0);
  39. // -->
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.