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 |