Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Menu wielopoziomowe - zależne.
Wishermil1
post 14.10.2013, 20:26:01
Post #1





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

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


Witam!

Potrzebuję pomocy w stworzeniu menu, w którym wybór z jednego selecta będzie decydował o tym, że wyświetli się inny select.

Chodzi mi o taką zależność.

1 select:

- krowa
- koń

2 select:

*wybrałeś w 1- krowa:

to teraz masz opcje

- kanka
- obora

*wybrales w 1 - koń

to teraz masz opcje

- siodlo
- lejce

Każdy pewnie wie o co mi chodzi. wink.gif

Szukałem w necie, ale nie ma czegoś takiego dosłownie - a ja nie interesowałem się do tej pory Ajaxem i Java, więc ciężko mi to samemu wykreować.
Go to the top of the page
+Quote Post
fate
post 15.10.2013, 07:20:05
Post #2





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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


http://forum.php.pl/index.php?showtopic=52698
http://forum.php.pl/lofiversion/index.php/t161264.html
http://forum.php.pl/lofiversion/index.php/t155010.html
http://forum.php.pl/lofiversion/index.php/t137844.html

http://forum.webhelp.pl/javascript/dynamic...hp-t239212.html
http://forum.webhelp.pl/javascript/dynamic...ct-t227740.html
http://forum.webhelp.pl/poczatkujacy-webma...ct-t144970.html
http://forum.webhelp.pl/javascript/dynamic...ct-t105591.html

Wróć z kodem jak bedzie problem albo nie wracaj jak sie uda Lkingsmiley.png


--------------------
Go to the top of the page
+Quote Post
Wishermil1
post 16.10.2013, 18:32:21
Post #3





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

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


Kompletnie nie rozumiem na jakiej zasadzie to wszystko działa.

Niby skrypty są gotowe, ale żaden nie oddaje tego co chciałbym aby realizował mój skrypt.

W ogóle źle mnie zrozumiałeś, bo mi chodzi o to, że jak w pierwszym selecie wybiorę opcję krowa, to dopiero "wyskakuje drugi select z innymi opcjami". Jak wybiorę opcję koń w pierwszym selecie, to wyskakuje drugi select z zupełnie innymi opcjami.

Ten skrypt nie robi tego co opisałem, więc jeszcze raz.

Powinien działać mniej więcej tak w oparciu o ten HTML:

  1. <select class="select">
  2. <option value="pan" class="pan">pan</option>
  3. <option value="pani" class="pani">pani</option>
  4. </select>
  5.  
  6. <select class="select2">
  7. <option value="garnitur">garnitur</option>
  8. <option value="krawat">krawat</option>
  9. </select>
  10.  
  11. <select class="select3">
  12. <option value="sukienka">sukienka</option>
  13. <option value="spódnica">spódnica</option>
  14. </select>

jeśli w "select" wybieram "pan" to wyświetl potem tego selecta:

  1. <select class="select2">
  2. <option value="garnitur">garnitur</option>
  3. <option value="krawat">krawat</option>
  4. </select>


jeśli w "select" wybieram "pani" to wyświetl potem tego selecta:

  1. <select class="select3">
  2. <option value="sukienka">sukienka</option>
  3. <option value="spodnica">spódnica</option>
  4. </select>



Chyba teraz jest to w pełni zrozumiałe.

Napisałem w temacie MENU - to ma być FORMULARZ, rzecz jasna.

Ten post edytował Wishermil1 16.10.2013, 19:13:15
Go to the top of the page
+Quote Post
fate
post 1.11.2013, 08:13:44
Post #4





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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


http://alistapart.com/d/complexdynamiclist...amicselect.html


--------------------
Go to the top of the page
+Quote Post
ixpack
post 3.11.2013, 00:48:16
Post #5





Grupa: Zarejestrowani
Postów: 248
Pomógł: 55
Dołączył: 1.06.2010
Skąd: mam to wiedzieć?

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


no chyba, ze chodzi Ci o wywolywanie wielu zapytan ajax w jednym czasie i na bazie uzyskanych odpowiedzi odpalic algorytm(y), ktory wykorzysta zmienne do wygenerowania odpowiedniego wyniku?

deferowany objekt w jQuery - wygooglaj, albo kliknij tu

Albo:
1) naucz sie html + css i javascript + jQuery
2) googlaj lepiej


--------------------
Łatwo jest być odważnym za murami własnego zamku.
Go to the top of the page
+Quote Post
Pyton_000
post 6.11.2013, 20:12:49
Post #6





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

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


dla `class="select"` robisz sobie wartości w options i nazywasz je jakoś dajesz wartości itp.

Potem dla class="select2"> i kolejnych dajesz w `data-option="vartość_z_1_selecta"`. i style=dusplay:none; Dodatkowo dla wszystkich opcji schowanych np class="schowane"

Potem dodajesz akcje jQ
Kod
$('.select').on('change', function() {
var opcja = $(this).val();
$('.schowane').hide();
$('select[data-option="'+opcja'").show();
});


Coś w ten deseń. Nie wiem czy działa smile.gif
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.06.2025 - 01:17