Jak wybrać onchange w JavaScript

JavaScript oferuje różne wbudowane funkcje, aby zminimalizować czas i wysiłek programistów. JavaScript wchodzi w interakcje z elementami HTML, aby interaktywny wygląd stron internetowych. Jest to możliwe dzięki zdarzeniu onchange, które jest uruchamiane, gdy użytkownik zmienia wybraną opcję za pośrednictwem element. Ten post wyjaśnia wybór Onchange zdarzenia wraz z praktycznym przykładem w JavaScript. Treść, która pokazuje ten post, jest następująca.

Jak wybrać onchange w JavaScript?

Zdarzenie onchange występuje po modyfikowaniu wartości elementu. Jest specjalnie używany w polach wyboru do sprawdzania poprawności formularza. Na przykład wykorzystywana jest lista rozwijana, mając różne opcje. Zdarzenie onchange jest wywoływane za każdym razem, gdy użytkownik wybierze dowolną opcję. Wszystkie nowoczesne przeglądarki są kompatybilne z tym wydarzeniem.

Podano przykład, aby wybrać wartość za pomocą zdarzenia onchange. Jest podzielony na pliki HTML i JavaScript. Ten przykładowy kod jest podany poniżej:

Kod HTML

Przykład, aby wybrać wartość onchange

Wybierz poziom wykształcenia:

Szkoła
Szkoła Wyższa
Uniwersytet

Opis kodu jest wymieniony tutaj:

• Po pierwsze, lista rozwijana jest tworzona przez przypisanie identyfikatora "Edukacja" w tagi
• Na tej liście znajdują się różne opcje "Szkoły pomaturalne" I "Uniwersytet" W imieniu wydarzenia onchange.
• Zdarzenie onchange jest wywoływane, jeśli wybrana jest jedna z wcześniej wymienionych opcji.
• Wreszcie Tag służy do dołączania pliku JavaScript „JS".

„„test.JS”Plik zawiera następujący kod:

Kod JavaScript

funkcja getSelectedTextValue (edukacja)
var Sletex = edukacja.Opcje [edukacja.selectedIndex].InnerHtml;
var selval = edukacja.wartość;
alert („Wybrany tekst:” + sletex + „wartość:” + selval);

Opis kodu podano poniżej:

• GetSelectedTextValue () Metoda jest stosowana przez przekazywanie "Edukacja" jako argument.
• A „Slex” Zmienna jest stosowana do wyodrębnienia wartości Edukacja z Html
• Po tym, „Selval” Zmienna służy do odzyskania wartości edukacji.
• Ostatecznie generowane jest pole alertów, które wyodrębnia tekst, a także wartość przez „Slex” I „Selval”.

Wyjście

Wyjście pokazuje listę rozwijaną "Szkoła", "Szkoła Wyższa" I "Uniwersytet" opcje. Zdarzenie onchange jest wywoływane, jeśli wybrana jest konkretna opcja. Wreszcie wyświetla wartość wybranego tekstu w oknie wyskakującym.

Wniosek

JavaScript ma wbudowane wydarzenie Onchange To dzieje się, gdy użytkownik wybiera wartość elementu. W tym celu generowana jest lista rozwijana, aby wybrać wartość w imieniu zdarzenia onchange.

Przydatne jest zapewnienie obiektu kontroli krzyżowej przy wyborze opcji. W tym poście doświadczyłeś, jak wybrać tekst, a także wartość, wykorzystując zdarzenia onchange.