HTML атрибут события onchange
Пример
Выполнение JavaScript, когда пользователь изменяет выбранную опцию элемента <select>:
<select onchange="myFunction()">
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Атрибут onchange срабатывает в момент изменения значения элемента.
Совет: это событие похоже на событие oninput . Разница в том, что событие oninput происходит сразу после изменения значения элемента, а событие onchange происходит, когда элемент теряет фокус. Другое отличие состоит в том, что событие onchange также работает с элементами <select>.
Поддержка браузера
| Event Attribute | |||||
|---|---|---|---|---|---|
| onchange | Yes | Yes | Yes | Yes | Yes |
Синтаксис
<element onchange="script">
Значения атрибутов
| Value | Description |
|---|---|
| script | The script to be run on onchange |
Технические детали
| Поддерживаемые HTML-теги: | <input type="checkbox">, <input type="file">, <input type="password">, <input type="radio">, <input type="range">, <input type=" поиск">, <input type="text">, <select> и <textarea> |
|---|
Дополнительные примеры
Пример
Выполнение JavaScript, когда пользователь изменяет содержимое поля ввода:
<input type="text" name="txt" value="Hello" onchange="myFunction(this.value)">
Связанные страницы
Справочник по HTML DOM: событие onchange
❮ Атрибуты событий HTML