Jak utworzyć menu rozwijane za pomocą onchange w JavaScript
Ten blog omówi metodologie zastosowane do tworzenia rozwijania za pomocą onchange w JavaScript.
Jak utworzyć menu rozwijane za pomocą onchange w JavaScript?
Możesz utworzyć menu rozwijane za pomocą onchange w JavaScript za pomocą następujących podejść:
Podejścia te zostaną wyjaśnione jeden po jednym!
Metoda 1: Utwórz rozwijanie za pomocą onchange w JavaScript, ostrzegając wybraną wartość rozwijaną
Tę technikę można zastosować w celu ostrzeżenia użytkownika o wybranej wartości opcji rozwijanej za pomocą funkcji zdefiniowanej przez użytkownika.
Poniższy przykład wyjaśnia podaną koncepcję.
Przykład Wybierz język programowania z danej listy: Następnie określ „”Tag do wyboru konkretnej opcji z listy rozwijanej. Ponadto, uwzględnij „Onchange”Zdarzenie i wywołać określoną funkcję, przekazując słowo kluczowe”Ten”Wraz z opcją„wartość”Downiska. Dołącz także następujące opcje z określonymi wartościami w „”Tag: Wreszcie zdefiniuj funkcję o nazwie „onChangedRopdown ()”I minął„wartość„Jako argument. W definicji funkcji wybrana wartość zostanie wyświetlona w polu alertu :: Wyjście Metoda 2: Utwórz rozwijanie za pomocą onchange w JavaScript za pomocą dokumentu.metoda getelementById () „„dokument.getElementById ()”Metoda stosuje się do pobrania elementu odpowiadającego określonym identyfikatorowi. Tę metodę można wdrożyć, aby uzyskać wybraną opcję w rozwijaniu i wyświetlić odpowiednią wartość. Składnia Tutaj, "ID”Odnosi się do identyfikatora elementu, który należy pobrać. Przegląd następujący przykład. Przykład Wybierz język programowania z danej listy: „„„Tag tutaj reprezentuje menu rozwijane, mając identyfikator i powiązane”Onchange”Przekierowanie zdarzenia do określonej funkcji. Następnie dodaj wymagane opcje: Tutaj przypisz następujące „ID„Do akapitu. Jak tylko zostanie wybrana opcja, w tej sekcji zostanie wyświetlona konkretna wiadomość wraz z wybraną opcją: Wreszcie zadeklaruj funkcję o nazwie „onChangedRopdown ()". Tutaj pobieraj znacznik wyboru na podstawie jego „id” i wyświetl odpowiednią wartość w stosunku do wybranej opcji z rozwijania. W następnym kroku powiadom użytkownika o wybranej opcji, pobierając dodany element akapitowy i pisząc w nim następującą wiadomość wraz z opcją: Wyjście Wdrożyliśmy kreatywne metody tworzenia menu menu za pomocą Onchange w JavaScript. Wniosek Aby utworzyć menu rozwijane za pomocą onChange w JavaScript, wyświetl wybraną wartość rozwijaną za pomocą pole alertu lub zastosuj „dokument.getElementById ()" metoda. Poprzednie podejście można wykorzystać do powiadomienia użytkownika o wybranej wartości opcji rozwijanej za pomocą funkcji zdefiniowanej przez użytkownika. Ta ostatnia implementacja pobiera wybraną opcję z rozwijanej za pomocą jej identyfikatora i wyświetla ją. Ten zapis wykazał metody tworzenia rozwijanych za pomocą onchange w JavaScript.
Po pierwsze, uwzględnij następujące nagłówek w „
alert (wartość);
Po pierwsze, uwzględnij następujące nagłówek, jak omówiono w poprzedniej metodzie:
var x = dokument.getElementById („lista”).wartość;
dokument.getElementById („para”).innerHtml = "Zaktualizowany wybór to:" + x;