Jak uzyskać wiele wartości pole wyboru z formularza HTML
Pola wyboru są elementami wejściowymi Holding Boolean. Za pomocą skrzynek wyboru możesz wybrać jak najwięcej opcji z listy dostępnych danych. W rezultacie możesz uzyskać wiele wartości z formularza HTML, aby wyświetlić na stronie internetowej po przesłaniu formularza. W tym celu wykorzystywane są funkcje jQuery.
Ten post wyjaśni wielokrotne wartości pole wyboru z formularza HTML.
Jak uzyskać wiele wartości pole wyboru z formularza HTML?
Aby uzyskać wiele wartości pole wyboru z formularza HTML, najpierw utwórz formularz i określ wejście „typ" Jak "pole wyboru". Potem JQuery „sprawdzanie realizacji„Funkcja () jest wykorzystywana, spowoduje to, że formularz zostanie przesłany.
Aby to zrobić, postępuj zgodnie z poniższą procedurą.
Krok 1: Zaprojektuj formularz
Najpierw zaprojektuj formę z pomocą „" element. Następnie dodaj następujące atrybuty wewnątrz znacznika otwierającego:
- HTML "nazwa”Określa nazwę elementu. Podczas odwoływania się do elementu w JavaScript, ten atrybut nazwy można również wykorzystać.
- "OnSubmit”Jest zdarzeniem HTML uruchomionym po przesłaniu formularza.
Krok 2: Dodaj nagłówek
Następnie dodaj nagłówek do formularza za pomocą „ Krok 3: Utwórz pola wyboru Następnie użyj „”Element i określ ten typ jako„pole wyboru„Aby utworzyć pola wyboru w formularzu. Dodaj także „wartość”Atrybut, który określa wartość dla„" element. Atrybut wartości jest używany inaczej dla różnych typów wejściowych. Krok 4: Utwórz przycisk Teraz zrób element przycisku w formie za pomocą "”I określ ten typ jako„składać". Następnie osadzaj tekst, aby wyświetlić przycisk: Wyjście Krok 5: Zdefiniuj funkcję JavaScript W "„Element, określamy następujący kod: W wyżej wymieniony fragment: Chodzi o uzyskanie wielu wartości wyboru z formularza HTML. Wniosek Aby uzyskać wiele wartości pole wyboru z formularza HTML, jQuery „sprawdzanie realizacji„Function () jest używany, który uruchomiłby przesłanie formularza. Ponadto zainicjuj zmienną, która przechowuje wyniki wybranych elementów za pomocą „mapa()”Funkcja. Następnie, "dokument.getElementById ().InnerHtml”Zwróci element HTML jako obiekt JavaScript, który ma wstępnie zdefiniowaną właściwość InnerHTML. Ten samouczek pokazał metodę uzyskania wartości pole wyboru z formularza HTML.