Ponieważ nauczysz się tworzyć formularze internetowe, jednym z najczęstszych zadań jest pobieranie wartości z rozwijanych menu. W tym artykule dowiemy się, jak uzyskać te wartości za pomocą JavaScript.
Zróbmy krótkie podsumowanie tego, jak utworzyć element rozwijany za pomocą HTML. Śledź mój Codepen , jeśli się zgubisz.
Aby zbudować nasz rozwijany element, musimy użyć opcji select
i opcji potomnej zagnieżdżonej poniżej. Element wyboru tworzy rozwijane menu, a za pomocą tagów opcji ustawiamy te opcje w rozwijanym menu na żywo.
Utwórzmy rozwijane menu naszych ulubionych owoców (które mają emotikony).
dodaliśmy puste h2, które wypełnimy później JavaScriptem. W tym momencie możesz wybrać swój ulubiony owoc:
