HTML onchange Event Attribute

The onchange event attribute works when the value of the element changes and select the new value from the List. It is a part of the event attribute. It is similar to oninput event attribute. But the difference is that oninput attribute event occurs immediately after the value of the element changes, while onchange event occurs when the element loses focus. This attribute is associated with <select> element.

It is commonly employed in forms to validate or process data upon user interaction and enables real-time updates and validation, enhancing the user experience.

Syntax:

<element onchange = "script">

Supported Tags:

• <input type="checkbox">
•  <input type="file">
•  <input type="password">
•  <input type="radio">
•  <input type="range">
•  <input type="search">
•  <input type="text">
•  <select> 
•  <textarea>

Attribute Value:

This attribute contains single value script which works when onchange attribute called.

Example:

In this example, we will see the implementation of onchange tag.

Output:

Example:

In this example, we will see the implementation of onchange tag.

Output: In the output you can see that on checking the checkbox, onchange event is triggered and this action is added in empty array from javascript.

Supported Browsers:

• Google Chrome 1 and above
• Edge 12 and above
• Firefox 1 and above
• Opera 9 and above
• Safari 3 and above