Wyświetlanie warunkowe pól w formularzu |
Wyświetlanie warunkowe pól w formularzu |
31.05.2016, 21:11:12
Post
#1
|
|
Grupa: Zarejestrowani Postów: 49 Pomógł: 0 Dołączył: 1.05.2010 Ostrzeżenie: (0%) |
Witajcie,
Chciałbym Was bardzo serdecznie prosić o pomoc, nakierowanie na właściwe tematy ... Potrzebuję zrobić formularz który będzie składał się z kilku pól tekstowych, kilku list i checkboxów. Z tym że niektóre pola mają być na starcie niewidoczne. Moją pojawić się dopiero po wybraniu konkretnej wartości z listy lub po zaznaczeniu odpowiedniej wartości w checkboxie. Dla przykładu: Mam listę z wartościami 1, 2, 3, 4. Gdy wybierzemy wartość 1 i 3 to pole tekstowe "tekst" ma być wymagane, jeśli wybrana jest wartość 2 to pole "tekst" ma być widoczne i opcjonalne, w przeciwnym razie czyli gdy nie jest wybrana wartość ani 1, ani 2 ani 3, pola ma w ogóle nie być. Szukał od dłuższego czasu i sposobu na tego typu rzeczy jest wiele. Mówiąc szczerze im więcej szukam i czytam tym większy mętlik mam. Nie chodzi mi o gotowca ponieważ chcę to zrozumieć. Może macie jakieś linki do dobrych przykładów. Jak nie wiem jak to prawidłowo robić to nawet nie mam pojęcia czy przykład/artykuł który analizuję jest dobry czy nie |
|
|
3.06.2016, 22:08:25
Post
#2
|
|
Grupa: Zarejestrowani Postów: 531 Pomógł: 55 Dołączył: 3.01.2016 Skąd: Łowicz Ostrzeżenie: (0%) |
Do tego można wykorzystać jQuery albo czysty JS.
Musisz zrobić sobie formularz i podzielić go na części, część jego pól będzie poukrywana HIDDEN po kliknięciu w pole np: CHECKBOX lub wybranie z listy SELECT konkretnej wartości musi zmienić konkretną część formularza na display:BLOCK ukrywanie i pokazywanie elementów formularza http://www.w3schools.com/jquery/tryit.asp?...query_hide_show przykład dla RADIO http://jsfiddle.net/arunpjohny/udBfX/ http://jsfiddle.net/QAaHP/16/ przykład dla SELECTA http://jsfiddle.net/jadendreamer/5SArB/ rozbudowany przykład https://codepen.io/jobs/post Ten post edytował LowiczakPL 3.06.2016, 22:08:54 -------------------- Szukam zleceń Symfony, Laravel, Back-End, Front-End, PHP, MySQL ...
|
|
|
3.06.2016, 23:13:29
Post
#3
|
|
Grupa: Zarejestrowani Postów: 1 268 Pomógł: 254 Dołączył: 11.06.2009 Skąd: Świętochłowice Ostrzeżenie: (0%) |
Swego czasu napisałem "liba" od tego: https://github.com/Comandeer/UF
-------------------- ★Mój blog || Okiem krytyka★
|
|
|
Wersja Lo-Fi | Aktualny czas: 24.04.2024 - 17:22 |