Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [Java][HTML]Formularz jak zrobić warunek, jezeli 1 opcja zaznaczona pokaz inne opcje do zaznaczenia
M44ti
post 29.06.2012, 22:06:32
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 6.04.2012

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


Witam zastanawiam się jak zrobić aby po zaznaczeniu jakieś opcji pojawił mi się wybór następnych, tak jak na obrazku:



Chce zrobić 3 opcje do wyboru i jezeli ktoś wybierze np 1 opcje niżej pokaże się możliwość wyboru następnych z danej kategori np.


AUTA []
ROWERY []
SAMOLOTY []

=================
jeżeli auta to:
BMW[]
AUDI[]
itd
=================
jezeli rowery to:
cośtam[]
....

Proszę o pomoc
Go to the top of the page
+Quote Post
untorched
post 29.06.2012, 22:14:59
Post #2





Grupa: Zarejestrowani
Postów: 318
Pomógł: 76
Dołączył: 27.12.2011
Skąd: Dąbrowa Górnicza

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


Roziązanie wg. mojego myślenia jest dość proste. Stworzyć pod wyborem głównych kategorii trzy ukryte div'y i przy pomocy jQuery wyświetlać odpowiedni div w zależności od wybranej kategori. Pomysł prosty, realizacja raczej też smile.gif
Go to the top of the page
+Quote Post
matejbos
post 29.06.2012, 22:34:38
Post #3





Grupa: Zarejestrowani
Postów: 12
Pomógł: 1
Dołączył: 29.06.2012

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


mozna wykorzystac cos takiego np smile.gif

  1. <select id="mark">
  2. <option value="">--</option>
  3. <option value="bmw">BMW</option>
  4. <option value="audi">Audi</option>
  5. <select id="series">
  6. <option value="">--</option>
  7. <option value="series-3" class="bmw">3 series</option>
  8. <option value="series-5" class="bmw">5 series</option>
  9. <option value="series-6" class="bmw">6 series</option>
  10. <option value="a3" class="audi">A3</option>
  11. <option value="a4" class="audi">A4</option>
  12. <option value="a5" class="audi">A5</option>


Kod
$("#series").chained("#mark"); /* or $("#series").chainedTo("#mark"); */


Ten post edytował matejbos 29.06.2012, 22:35:07
Go to the top of the page
+Quote Post
untorched
post 29.06.2012, 22:49:14
Post #4





Grupa: Zarejestrowani
Postów: 318
Pomógł: 76
Dołączył: 27.12.2011
Skąd: Dąbrowa Górnicza

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


Albo tak:
  1. <head>
  2. <title>Test</title>
  3. <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
  4.  
  5. <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
  6.  
  7. <script type="text/javascript">
  8. function show(id) {
  9. $("div").hide();
  10. $("#info"+id).fadeIn('slow');
  11. }
  12. </script>
  13. </head>
  14.  
  15. <body>
  16. <a href="#" onclick="show(1)">Pierwsze</a><Br>
  17. <a href="#" onclick="show(2)">Drugie</a><br>
  18. <a href="#" onclick="show(3)">Trzecie</a><br><hr><br>
  19.  
  20. <div id="info1" style="display: none;">Pierwszy komunikat</div>
  21. <div id="info2" style="display: none;">Drugi komunikat</div>
  22. <div id="info3" style="display: none;">Trzeci komunikat</div>
  23. </body>
  24.  
  25. </html>
Go to the top of the page
+Quote Post
M44ti
post 30.06.2012, 00:43:11
Post #5





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 6.04.2012

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


Cytat(matejbos @ 29.06.2012, 23:34:38 ) *
mozna wykorzystac cos takiego np smile.gif

  1. <select id="mark">
  2. <option value="">--</option>
  3. <option value="bmw">BMW</option>
  4. <option value="audi">Audi</option>
  5. <select id="series">
  6. <option value="">--</option>
  7. <option value="series-3" class="bmw">3 series</option>
  8. <option value="series-5" class="bmw">5 series</option>
  9. <option value="series-6" class="bmw">6 series</option>
  10. <option value="a3" class="audi">A3</option>
  11. <option value="a4" class="audi">A4</option>
  12. <option value="a5" class="audi">A5</option>


Kod
$("#series").chained("#mark"); /* or $("#series").chainedTo("#mark"); */


Zastosowałem twój sposób i wszystko ładnie działa. Dzięki!

Pełna wersja dostępna tutaj:
http://www.appelsiini.net/projects/chained

Ten post edytował M44ti 30.06.2012, 00:43:44
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 Wersja Lo-Fi Aktualny czas: 19.07.2025 - 02:03