HTML onchange Attribute
Definition and Usage
The onchange attribute fires the moment when the value of the element is changed.
Tip: This event is similar to the
oninput event. The difference is that the oninput event occurs immediately
after the value of an element has changed, while onchange occurs when the
element loses focus. The other difference is that the onchange event also works
on <select> elements.
Applies to
The onchange attribute is part of the Event Attributes, and can be used on any HTML elements.
| Elements | Event |
|---|---|
| All HTML elements | onchange |
Examples
Select Example
Execute a JavaScript when a user changes the selected option of a <select> element:
<select onchange="myFunction()">
Try it Yourself »
Input Example
Execute a JavaScript when the user changes the content of an input field:
<input type="text" name="txt" value="Hello" onchange="myFunction(this.value)">
Try it Yourself »
Browser Support
| Event Attribute | |||||
|---|---|---|---|---|---|
| onchange | Yes | Yes | Yes | Yes | Yes |
