Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JQUERY] Wykonanie formularza bez przeładowania strony
MatriXirtaM
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 23.12.2010

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


Witam,

Potrzebuję Waszej pomocy, bo nie mogę jakoś znaleźć satysfakcjonującego mnie rozwiązania.

Sprawa wygląda tak: mam prosty formularz

  1. <form method="post" action="">
  2.  
  3. <div id="device">
  4. <input type="radio" name="device" id="device1" value="Device 1" />Device 1<br>
  5. <input type="radio" name="device" id="device2" value="Device 2" />Device 2<br>
  6. </div>
  7.  
  8. <div id="serial1" style="display:none">
  9. <label for="s1">Serial1: </label>
  10. <input type="text" name="s1" value="" />
  11.  
  12. <select name="card1">
  13. <option value="X">X</option>
  14. <option value="Y">Y</option>
  15. </div>
  16.  
  17. <div id="serial2" style="display:none">
  18. <label for="s2">Serial2: </label>
  19. <input type="text" name="s2" value="" />
  20.  
  21. <select name="card2">
  22. <option value="A">A</option>
  23. <option value="B">B</option>
  24. </div>
  25.  
  26. <input type="hidden" name="serial" value="" />
  27. <input type="hidden" name="card" value="" />
  28. <input type="submit" value="test" name="test"/>
  29.  


oraz prosty skrypt:

  1. $(document).ready(function ()
  2. {
  3. $('#device1').click(function ()
  4. {
  5. $('#serial1').show("fast");
  6. $('#serial2').hide("fast");
  7. });
  8. });
  9.  
  10. $(document).ready(function ()
  11. {
  12. $('#device2').click(function ()
  13. {
  14. $('#serial2').show("fast");
  15. $('#serial1').hide("fast");
  16. });
  17. });


Oto co chciałbym osiągnąć BEZ przeładowania strony:

Gdy wybiorę np. Device 1, wypełnię input s1 i wybiorę wartość z listy card1, to chciałbym żeby te wartości zostały wysłane odpowiednio do ukrytych inputów serial i card. Następnie żeby wartości te zostały wyświetlone w alercie.

Niby proste, ale jakoś nie bardzo wiem jak to zrobić...

Z góry dzięki za pomoc.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
sajegib
post
Post #2





Grupa: Zarejestrowani
Postów: 352
Pomógł: 59
Dołączył: 16.01.2013

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


wstawianie tekstu do inputa:

Kod
$("selektor_inputa").val('tekst do wstawienia');


a pozniej
Kod
var tresc = $("selektor_inputa").val();
alert(tresc);

Go to the top of the page
+Quote Post
MatriXirtaM
post
Post #3





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 23.12.2010

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


Dzięki bardzo za pomysł (IMG:style_emoticons/default/smile.gif)
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: 22.08.2025 - 20:25