Оновлено: 19.05.2025

onchange

Frontend HTML Події onchange

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

 

 

⌨️ Синтаксис

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

 

 

⚙️ Значення

Див. скрипт.

 

 

📋 Приклад

<!DOCTYPE HTML>
<html>
  <head>
   <metacharset="utf-8">
   <title>onchange event</title>
  </head>
  <body>
   <form action="">
    <fieldset>
     <legend>Quick Navigation</legend>
     <select onchange="document.location=this.options[this.selectedIndex].value">
       <option value="#">Select site section</option>
       <option value="/example/page/depart.html">Departments</option>
       <option value="/example/page/techinfo.html">Tech info</option>
       <option value="/example/page/study.html">Study</option>
     </select>
    </fieldset>
   </form>
  </body>
</html>