CSS властивості
ГлавнаяДовідник HTMLПодія onchange в HTML

Подія onchange в HTML

180

Подія виникає при зміні значення елемента форми, як текстового поля або списку. Наприклад, подія onchange додана до елемента <textarea> спрацьовує щоразу, коли введено новий текст і поле втратило фокус.

Синтаксис

onchange="<скрипт>"

Значення

Див. скрипт.

Приклад

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Подія onchange</title>
</head>
<body> <form action=""> <fieldset> <legend>Швидкий перехід по сайту</legend> <select onchange="document.location=this.options[this.selectedIndex].value"> <option value="#">Виберіть розділ сайту</option> <option value="/example/page/depart.html">Відділення</option> <option value="/example/page/techinfo.html">Технічна інформація</option> <option value="/example/page/study.html">Навчання</option>
</select>
</fieldset>
</form>
</body>
</html>

У цьому прикладі при виборі пункту списку відбувається перехід на сторінку, задану значенням атрибуту value елемента <option>.

Браузери

4 12 1 3.5 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент повний ністю підтримується браузером;
  •  — елемент браузером не сприймається та ігнорується;
  •  — при роботі можливо поява різних помилок, або елемент підтримується з застереженнями.

Кількість вказує версію браузреа, починаючи з якої елемент підтримується.

credit">

Автор та редактори

Автор: Влад Мержевич
Останнє змінення: 28.02. 2020
Редактори: Влад Мержевич