Evento onchange:

  • O evento onchange executa um script quando o valor de um elemento é modificado.
  • Tags suportadas: <input>, <select> e <textarea>.

Exemplo:

Apague a palavra Oi e em seguida mude o foco para o formulário Exemplo 2.

Exemplo 1:

Exemplo 2:

 

Código:

<html>
<head>
<title>Título do site.</title>
<script language="JavaScript">
function meuScript(){
alert("Com o evento onchange esse script é executado quando se modifica o valor do formulário Exemplo 1!");
}
</script>
</head>

<body>
<p>Apague a palavra Oi e em seguida mude o foco para o formulário Exemplo 2.</p>
<form>
<p>Exemplo 1:</p>
<input type="text" name="Exemplo 1" value="Oi" onchange="meuScript()"/>
<p>Exemplo 2:</p>
<input type="text" name="Exemplo 2" value="Olá"/>
</form>
</body>
</html>