Change event

Overview

The change event for <input>, <select>, and <textarea> elements fires when the user modifies the element's value. Unlike the input event, the change event does not necessarily fire on every alteration to an element's value.

Browser support

Syntax

<select onchange="console.log(this.value)">
  <option value="a">A</option>
  <option value="b">B</option>
</select>
<script>
document.querySelector('select').addEventListener('change', e => {
  console.log('変更:', e.target.value);
});
</script>

Live demo

Use cases

• Using Change event

  The change event for <input>, <select>, and <textarea> elements fires when the user modifies the element's value. Unlike the input event, the change event does not necessarily fire on every alteration to an element's value.

Cautions

Accessibility

• Verify how this element is announced by screen readers.

Related links

• MDN Web Docs - Change event

Powered by web-features