Zależne od siebie HTML’owe selecty

luty 22, 2007 – 4:24 po południu

Jak “sprżężyć” ze sobą kilka formularzowych selectów, czyli jak zrobić, aby wybór odpowiedniej pozycji w jednym selec’cie wpływał na zwartość w drugim?

Zobacz demo
Pobierz gotowy kod

W tym przykładzie wykorzystamy bibliotekę Prototype. Przedstawimy jak w prosty sposób zbudować taki skrypt, aby mógł działać na dowolnej liczbie selectów w jednym dokumencie.

Pages: 1 2 3 4 5 6

  1. 13 Responses to “Zależne od siebie HTML’owe selecty”

  2. Wszystko pieknie ładnie. Tylko wykorzystanie w praktyce ZEROWE.
    Jak włanczasz stronę to podkategorie sa nie aktywne. śmiech. Idea jest taka by módz swobodnie wybierac podkategorie. Po drugie co to za rozwiazanie jak podkategoire i kategorie sa w jednej tabeli

    By Olek on marca 16, 2007

  3. hmm… jak można wybrać podkategorię nie wybierając kategorii? Przecież istnieje jakaś hierarchia. A co do tabeli, to przecież nie zabraniam modyfikować skryptów. Przykładowo WordPress ma podobną strukturę, w jednej tabeli są kategorie i podkategorie. Oczywiście czasami potrzebna jest bardziej rozbudowana baza danych z większą ilością tabel.

    By Jarek on marca 16, 2007

  4. Jak to jak ? Normalnie.
    Otwierasz stronę i masz do wyboru kategorie i w jej ramach podkategorie do wyboru. a u ciebie pojawia sie kategoria a poszczegolne podkategorie sa nieczynne do czasu az sie zmieni dana kategorie i z powrotem powroci do tej kategorii. Ewidentny błąd.
    Co do modyfikacji skryptu w wersji z oddzielną tabelą dla kategorii i podkategorii skrypt byłby ok.

    By Olek on marca 17, 2007

  5. Hahaha zaraz chyba walne baranka w ścianę… Olek zastanów się co piszesz… jeżeli nie wiesz to nie pisz…

    Dzięki za świetny skrypt :) właśnie tego szukałem :)

    By Truvati on kwietnia 24, 2007

  6. W przypadku Olka, to przeciez zaden skrypt nie jest potrzebny :). Wystarcza 3 pola i w kazdym kategorie itp. Bez wybierania, bez wylaczania. Prostota i wygoda :P. Tyle tylko, ze ludziki sa rozni, i niektorzy pewnie by wybierali glupoty w takim zestawieniu, a nam zalezy by bylo dobrze wybrane.

    By Kartofelek on maja 28, 2007

  7. Skrypcik ma jedna wade jesli pomiedzy selektami damy np jakies taki HTML wowczas jest problem. Np. cos takiego:

    kategoria

    – wybierz kategorię –
    Malarstwo
    Pisarstwo
    Dziennikarstwo
    Ogrodnictwo

    podkategoria

    – puste –

    By Skrzacik on sierpnia 31, 2007

  8. Sorki zle mi sie zalaczyl kod moze teraz bedzie ok

    opcja 1

    opcja 2

    By Skrzacik on sierpnia 31, 2007

  9. tez kicha. w takim razie opisze o co mi chodzi:

    br jakis tekst w znaczniku p lub span i br
    selekt
    opcja 1
    opcja 2
    /selekt

    brka po selekcie znowu tekst w znaczniku p i brka
    selekt
    opcja 1
    opcja 2
    /selekt

    By Skrzacik on sierpnia 31, 2007

  10. Fakt, rzeczywiście się wywala. Po prostu nie wziąłem pod uwagę takiego rozwiązania. Nie potrzebowałem dodawać innych elementów (np. span). Założyłem że informacja w selec-cie wystarczy.

    By Jarek on sierpnia 31, 2007

  11. Powiedzcie mi jak przekazać tą zmienną c? Chodzi mi o to że chciałem użyć tego do wyboru kategorii w sklepie przy dodawaniu produktu … i wybór kategorii to tylko jedno z wielu pól. Ten formularz odwółuje się do pliku ddl.php, który tworzy xml … a jak to połączyć z pozostałymi polami?

    By Arek on grudnia 4, 2008

  12. Nie rozumiem o co chodzi Ci z tą zmienną c. A co do tego żeby rozszerzyć to na inne pola a nie tylko selecty, to jest juz wiecej roboty. Tym skryptem pokazałem pewenien wstęp to takiej zabawy, przecież nie będę pisał tu wszystkich rozwiązań :P
    Napisz na maila, to może coś pomyślimy.

    By Jarek on grudnia 7, 2008

  13. Niestety mi nie dziala ten kod. Wczytuje się pierwsza lista ale po wyborze opcji w drugim selecie pojawia sie komunikat: “Laduje” i na tym sie konczy.. :( Prosze o pomoc.

    By Lukasz on maja 31, 2009

  14. Super przykład. Wykorzystałem oczywiście po wielu próbach. Tego szukałem. Dzięki.

    By edziob on lutego 21, 2010

Post a Comment