Событие onchange возникает при изменении значения элемента формы, вроде текстового поля или списка. Например, событие onchange добавленное к элементу <textarea> срабатывает каждый раз, когда введён новый текст и поле потеряло фокус.
Синтаксис
onchange="<скрипт>"
Значения
См. скрипт.
Пример
<!DOCTYPE html>
<html lang="ru">
<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>.
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.