Jak uzyskać wybraną wartość na liście rozwijanej za pomocą JavaScript?

Lista rozwijana zawiera listę elementów, które są połączone z określoną funkcją. Klikając każdy element, kod JavaScript wykonuje się na zapleczu i wykonuje określone zadanie dotyczące tego elementu. Nieruchomość listy rozwijanej jest bardzo powszechnie wykorzystywana na stronach internetowych e-commerce, edukacyjnych i giełdowych.

Jeśli badasz JavaScript w celu zwiększenia umiejętności programowania, jest to najlepsze miejsce do zrozumienia podstawowych pojęć JavaScript. W dzisiejszym przewodniku nauczysz się wyodrębniać wartość wybraną na liście rozwijanej, używając JavaScript.

W tym artykule użytkownicy będą mogli uzyskać wartość wybraną w widoku rozwijanym, wykorzystując JavaScript.

Jak uzyskać wybraną wartość na liście rozwijanej w JavaScript?

JavaScript można użyć do pobierania wartości wybranych z listy rozwijanej, a następnie wyświetlania wartości w przeglądarce. Ta sekcja zawiera wbudowaną funkcję, aby uzyskać wartość wybraną przez listę rozwijaną.

Przykład

Wykazano przykład, aby uzyskać wartości z listy rozwijanej w JavaScript.

Kod

Przykład, aby uzyskać wybraną wartość na liście rozwijanej za pomocą JavaScript

Wybierz element i zobacz wartość

-- Proszę wybrać --
Krykiet
Piłka nożna
Hokej

Kod jest opisany jako:

• Najpierw wyświetlany jest komunikat, aby wybrać element z Lista rozwijana.
• Potem Słowo kluczowe opcji jest wykorzystywany do list rozwijanych, takich jak Krykiet, piłka nożna, I Hokej.
• Po kliknięciu każdego elementu kawałek kodu jest wykonywany i wyskakuje wartości powiązane z elementem.

Wyjście

Wyświetlacz reprezentuje listę rozwijaną poprzez wykonanie powyższego kodu. Na zapleczu różne elementy są dołączane do listy, a każdy z nich przypisuje się wartość. Klikając element, określona wartość jest wyświetlana w oknie wyskakującym.

Wniosek

Lista rozwijana jest wykorzystywana do uzyskania wybranej wartości, klikając opcje JavaScript. W tym celu, I Tagi są stosowane odpowiednio do wyboru i podawania opcji odpowiednio. Klikając opcję, użytkownik wyodrębnia powiązaną wartość w wyskakującym oknie przeglądarki internetowej. Przeważnie te listy rozwijane są używane na stronach e-commerce. Tutaj nauczyłeś się otrzymywać wartość wybraną na listach rozwijanych za pomocą JavaScript.