Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML]Rozbudowany formularz
Arhimenrius
post
Post #1





Grupa: Zarejestrowani
Postów: 115
Pomógł: 3
Dołączył: 19.04.2011

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
Niktoś
post
Post #2





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


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.

Ten post edytował Niktoś 17.09.2012, 16:02:20
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #3





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




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. // -->
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 25.08.2025 - 02:46