Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][AJAX]Po wybraniu select pojawienie sie opcji ajax
Hosiek
post
Post #1





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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


Mam skrypt który po wybraniu z listy select pojawia mi w kolejnej do niej przyidzelone dane, teraz jednak potrzebuje zrobic tak:

Po wybraniu z listy opcji pierwszej pojawiaja sie nizej dwa pola textowe, a jezeli wybiore opcje drugą to nizej pojawi sie jedno pole textowe.

Ten post edytował Hosiek 19.10.2012, 21:11:12
Go to the top of the page
+Quote Post
thek
post
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Rozpoznać, która opcja została wybrana i względem tego wyświetlać odpowiednią ilość dynamicznie stworzonych pól, względnie pokazywać ukryte wcześniej.


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
Hosiek
post
Post #3





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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


Cytat(thek @ 19.10.2012, 22:34:43 ) *
Rozpoznać, która opcja została wybrana i względem tego wyświetlać odpowiednią ilość dynamicznie stworzonych pól, względnie pokazywać ukryte wcześniej.


Mam coś takiego, ale coś nie tak.

  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title></title>
  6. <script type="text/javascript">
  7. $("#select_dev").bind("change", function() {
  8. if ($(this).val() == "opt3")
  9. {
  10. $('.unlock').show();
  11. } else
  12. {
  13. $('.unlock').hide();
  14. }
  15. });
  16.  
  17. $("#select_dev").change();
  18. &#8203;
  19. </script>
  20. </head>
  21. <body>
  22.  
  23. <form name="abc" id="abc">
  24. <select id="select_dev" name="select_dev">
  25. <option value="opt1">opcja 1</option>
  26. <option value="opt2">opcja 2</option>
  27. <option value="opt3">opcja 3</option>
  28. </select>
  29. <input class="unlock" type="text" name="tekst_1" />
  30. <input class="unlock" type="text" name="tekst_2" />
  31. <input type="submit" value="wyślij" />
  32. </form>
  33.  
  34. </body>
  35. </html>
  36.  


//Problem rozwiązałem.

Ten post edytował Hosiek 19.10.2012, 22:05:09
Go to the top of the page
+Quote Post
thek
post
Post #4





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Jeśli dane mają nie iść $_POST, to samo ukrywanie nic nie da. Nadal będą one wysyłane. Formularz nie wysyła tylko nie istniejących (no bo jak?) oraz wyłączonych pól (disabled="disabled"), więc oprócz hide i show jeszcze ten atrybut input-a warto by ustawiać wink.gif


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
sunpietro
post
Post #5





Grupa: Zarejestrowani
Postów: 262
Pomógł: 26
Dołączył: 23.01.2009
Skąd: eZ Systems

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


Być może ten wpis ciebie nakieruje: zależne listy rozwijane
Tam jest opisane jak zrobić, aby się pojawiały odpowiednie dane w kolejnych listach rozwijanych. Na podobnej zasadzie możesz zrobić swoją rzecz z pojawianiem odpowiedniej ilości pól tekstowych.
Powód edycji: [thek]: Takie listy miał już. Autor chciał inputy w różnej liczbie zależne od opcji :)


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 22.08.2025 - 02:41