• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Dynamiczna zawartość okna select

Object Storage Arubacloud
0 głosów
287 wizyt
pytanie zadane 7 marca 2016 w JavaScript przez marcin1988 Początkujący (430 p.)
edycja 7 marca 2016 przez efiku

Witam.

Przykładowo mamy taki folmularz z oknami select:
 

<form action="przelicz.php" method="post">
                
                <div class="wyszukiwanie_opcja">Wybierz opcje
                </div>
                
                    <div class="szukanie"
                        
                        <tr>
                            
                            <td>Wybierz województwo:<br /><br /></td>
                            
                                <td><select class="opcje" name="woj">
                           
                                    <option value = "mazowieckie">Mazowieckie
                                    <option selected value = "slaskie">Śląskie
                                    
                                </td></select>
                                
                            <br /><br />
                            
                            <td>Wybierz miasto:<br /><br /></td>
                            
                                <td><select class="opcje" name="miasto" size="3" multiple>
                            
                                    <option value = "katowice">Katowice
                                    <option value = "warszawa">Warszawa
                                    
                                </td></select>
                                
                            <br /><br />
                                
                            <td>Wybierz branżę:<br /><br /></td>
                            
                                <td><select class="opcje" name="branza" size="3" multiple>
                                    
                                    <option value = "fryzjerstwo">Fryzjerstwo i Salony Fryzjerskie
                                    <option value = "stomatologia">Stomatologia i Protetyka
                                    
                                </td></select>
                                
                            <br /><br /><br />
                            
                            <div><input type="submit" value= "szukaj"></div>
                            
                        </tr>
                        
                    </div>
                
                </form>


Pytanie brzmi w jakim języku i jak napisać skrypt, który sprawi że po zaznaczeniu opcji z:

1. select "woj", zawartość select "miasto" była zależna od select "woj"

2. z kolei select "branza" była zależna od zawartości "woj" jeśli nie zostanie wybrane select "miasto"

lub

3. od wybranej wartości select "miasto" jesli nie zostanie wybrana wartość "woj"

4. bądź jeśli zostanie wybrana wartość z "woj" i "miasto" to wartość select "branza" byłaby zalezna od tych dwóch selectów "woj" i "miasto".

Wiem, że napisanie takiego skryptu jest skomplikowane i czasochłonne, starałem się napisać to zapytanie jak najbardziej zrozumiale, nie mam w ogóle pojęcia jak to zrobić. Dziękuje za odpowiedzi i przykłady jeśli byłoby to możliwe. Przepraszam jeśli zadałem pytanie w złej kategorii, ponieważ nie mam pojęcia, w którym języku pisze się taki skrypt, a może jest kilka możliwości. Pozdrawiam

1 odpowiedź

+1 głos
odpowiedź 7 marca 2016 przez Comandeer Guru (601,550 p.)
wybrane 7 marca 2016 przez marcin1988
 
Najlepsza
Ten język to JS. Swego czasu przygotowałem skrypt, który robi to, czego potrzebujesz ;) https://github.com/Comandeer/UF
komentarz 7 marca 2016 przez marcin1988 Początkujący (430 p.)
Właśnie o coś takiego mi chodzi, tylko jak to teraz zastosować do moich pól select, bo jestem mało zorientowany w js.
komentarz 7 marca 2016 przez Comandeer Guru (601,550 p.)

Aj, jednak nie do końca to, bo przy moim kodzie musiałbyś mieć te wszystkie select w kodzie i po prostu pokazywać/ukrywać odpowiednie. Być może jeszcze bardziej odpowiedni będzie ten plugin do jQuery: http://www.appelsiini.net/projects/chained → dokumentacja jest dość dobra, więc nie powinno być problemów.

komentarz 7 marca 2016 przez marcin1988 Początkujący (430 p.)
edycja 7 marca 2016 przez marcin1988
Udało się, dziekuję Ci bardzo za pomoc :)

Podobne pytania

0 głosów
1 odpowiedź 579 wizyt
pytanie zadane 31 marca 2020 w JavaScript przez michal_php Stary wyjadacz (13,700 p.)
0 głosów
1 odpowiedź 349 wizyt
pytanie zadane 2 lipca 2019 w JavaScript przez michal_php Stary wyjadacz (13,700 p.)
0 głosów
1 odpowiedź 197 wizyt
pytanie zadane 18 października 2018 w JavaScript przez niezalogowany

92,576 zapytań

141,426 odpowiedzi

319,652 komentarzy

61,961 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...