HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML onchange-Event-Attribut

onchange kann verwendet werden, um den aktuellen Event-Handler der change-Ereignis des Elements zu erhalten oder zu setzen.

HTML Event Attributes

Online-Beispiel

Wenn der Benutzer die ausgewählte Option des <select>-Elements ändert, wird folgendes JavaScript ausgeführt:

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Verwendung der onchange-Event-Attribut in HTML (Grundlagen-Tutorial-Website oldtoolbag.com)</title>
</head>
<body>
<p>Wählen Sie ein neues Auto aus der Liste aus.</p>
<select id="mySelect" onchange="myFunction()">
　　<option value="Audi">Audi
　　<option value="BMW">BMW
　　<option value="Mercedes">Mercedes
　　<option value="Volvo">Volvo
</select>
<p>Wenn Sie ein neues Auto auswählen, wird eine Funktion ausgelöst, die den Wert des ausgewählten Autos ausgibt.</p>
<p id="demo"></p>
<script>
function myFunction() {
　　var x = document.getElementById("mySelect").value;
　　document.getElementById("demo").innerHTML = "You selected: "　+　x;
}
</script>
</body>
</html>

Test to see ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

All major browsers support the onchange event attribute

Definition and Usage

The onchange attribute triggers when the value of the element changes.

Hint: This event is similar to the oninput event. The difference is that the oninput event occurs immediately after the value of the element changes, while the onchange event occurs when the element loses focus. Another difference is that the onchange event also applies to <select> elements.

HTML 4.01 and HTML5The differences between

No difference.

Syntax

<element onchange="script">

Attribute Value

Value	Description
script	Specifies the script to be executed when the onchange event is triggered.

HTML Event Attributes

HTML: <template> Tag