Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Menu wielopoziomowe - zależne.
Forum PHP.pl > Forum > XML, AJAX
Wishermil1
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ć.
Wishermil1
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.
ixpack
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
Pyton_000
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.