Manual de referencia HTML

大全 de etiquetas HTML

Atributo onchange de HTML

onchange se puede usar para obtener o establecer la función de manejo de eventos del evento change del elemento actual.

Ejemplo en línea

Ejecutar JavaScript cuando el usuario cambia la opción seleccionada de un elemento <select>:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<title>Uso del atributo onchange de HTML (Tutoriales básicos de la web oldtoolbag.com)</title>
</head>
<body>
<p>Seleccione un nuevo coche de la lista.</p>
<select id="mySelect" onchange="myFunction()">
　　<option value="Audi">Audi
　　<option value="BMW">BMW
　　<option value="Mercedes">Mercedes
　　<option value="Volvo">Volvo
</select>
<p>Al seleccionar un nuevo coche, se activa una función que muestra el valor del coche seleccionado.</p>
<p id="demo"></p>
<script>
function myFunction() {
　　var x = document.getElementById("mySelect").value;
　　document.getElementById("demo").innerHTML = "You selected: "　+　x;
}
</script>
</body>
</html>

Ver prueba ‹/›

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores mainstream admiten el atributo onchange

Definición y uso

El atributo onchange se dispara cuando cambia el valor del elemento.

Consejo: Este evento es similar al evento oninput. La diferencia es que el evento oninput ocurre inmediatamente después de que se cambia el valor del elemento, mientras que el evento onchange ocurre cuando el elemento pierde el enfoque. Otra diferencia es que el evento onchange también se aplica a los elementos <select>.

HTML 4.01 y HTML5las diferencias entre

Sin diferencias.

Sintaxis

<elemento onchange="script">

Valor del atributo

Valor	Descripción
script	Define el script que se ejecuta cuando se dispara el evento onchange.

Atributos de eventos HTML

HTML: <template> etiqueta