Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML][PHP]Rozbudowany formularz
Xart
post
Post #1





Grupa: Zarejestrowani
Postów: 267
Pomógł: 6
Dołączył: 8.04.2013

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


Witam w jaki sposób mogę zrobić rozbudowany formularz rejestracji na zasadzie:
Mamy pole opcji:
1) Osoba
2) Firma
w zależności od wyboru pojawią nam się dalej inne pola np:
Jeśli wybierzemy osoba ta:
imię
nazwisko
Jesli firma to:
nazwa
regon

W jaki sposób mogę to zrobić ? (konkrety)
Da radę w php czy trzeba js ?
Może jakieś wskazówki lub gotowe rozwiązania ?

Z góry thx (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
nikestylex7
post
Post #2





Grupa: Zarejestrowani
Postów: 386
Pomógł: 7
Dołączył: 22.04.2010
Skąd: Ziemia

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


  1. <title>Title of the document</title>
  2. <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
  3. </head>
  4.  
  5. $(document).ready(function(){
  6. $("#input1").click(function(){
  7. if($('#input1:checked')) {
  8. $("#pole2").hide();
  9. $("#pole1").show();
  10. }else{
  11. $("#pole1").hide();
  12. $("#pole2").show();
  13. }
  14. });
  15. $("#input2").click(function(){
  16. if($('#input2:checked')) {
  17. $("#pole1").hide();
  18. $("#pole2").show();
  19. }else{
  20. $("#pole2").hide();
  21. $("#pole1").show();
  22. }
  23. });
  24. });
  25. <input type="radio" name="input1" id="input1"/>Osoba
  26. <input type="radio" name="input1" id="input2"/>Firma
  27. <div id="pole1" style="display:none;"><span>text1</span></div>
  28. <div id="pole2" style="display:none;"><span>text2</span></div>
  29. </body>
  30.  
  31. </html>


skopiuj to do index.html całość zapisz i odpal

Ten post edytował nikestylex7 23.01.2014, 19:49:00
Go to the top of the page
+Quote Post

Posty w temacie
- Xart   [JavaScript][HTML][PHP]Rozbudowany formularz   23.01.2014, 18:10:15
- - Kshyhoo   Bez przeładowania strony w JS, z przeładowaniem mo...   23.01.2014, 18:14:02
- - nikestylex7   PHP = metoda GET JS np w Jquery = show(), hide() ...   23.01.2014, 18:15:40
- - Xart   Można prosić przykładowy kod bo js nie bardzo ;d   23.01.2014, 18:17:50
- - Turson   http://www.w3schools.com/jsref/event_onchange.asp   23.01.2014, 18:24:34
- - Xart   Niestety nie jestem w stanie tego ogarnąć napisze ...   23.01.2014, 18:44:20
- - Kshyhoo   W takim razie przenoszę.   23.01.2014, 18:57:31
- - Turson   [HTML] pobierz, plaintext <input type="rad...   23.01.2014, 19:03:57
- - Xart   @UP Dzięki wielkie ) @EDIT: Ale niestety nie dzia...   23.01.2014, 19:06:04
- - Kshyhoo   Założę się, że zrobiłeś kopiuj/wklej...?   23.01.2014, 19:25:11
- - Xart   No tak a trzeba jeszcze coś dodać mhm ? Zmieniałe...   23.01.2014, 19:27:14
- - nikestylex7   Ciekawe co za to będę miał [HTML] pobierz, plain...   23.01.2014, 19:30:33
- - Xart   @UP Niestety ale nadal nie działa po zaznaczeniu p...   23.01.2014, 19:35:38
- - nikestylex7   http://jsfiddle.net/9aeAV/ ahh nie chce mi się uc...   23.01.2014, 19:36:43
- - Xart   No właśnie ale gdy dodaję to do pliku html to nie ...   23.01.2014, 19:37:54
- - nikestylex7   omg... wejdz w ten link js.... tam weź run i zobac...   23.01.2014, 19:39:26
- - Xart   Wiem na tej stronie co podałeś działa bardzo dobrz...   23.01.2014, 19:42:49
- - Kshyhoo   Bo użyłeś jQuery, której on nie ma... Zobacz teraz...   23.01.2014, 19:44:32
- - nikestylex7   [HTML] pobierz, plaintext <html><head...   23.01.2014, 19:47:17
- - Xart   Nie działa mi ani na komputerze przez przeglądarkę...   23.01.2014, 19:51:35
- - nikestylex7   jak to możliwe. od nowa skopiuj mi zawartość inde...   23.01.2014, 19:52:21
- - Xart   O.o Po co Ci mam kopiować ;p działa ale masz jak c...   23.01.2014, 19:54:12
- - nikestylex7   no bo napisałeś że nie działa no to jak już ook je...   23.01.2014, 19:55:21
- - Xart   Spokojnie dalej już umiem ;p muszę zacząć się uczy...   23.01.2014, 19:57:08


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: 9.10.2025 - 06:10