El atributo de evento onchange funciona cuando el valor del elemento cambia y selecciona el nuevo valor de la Lista. Es una parte del atributo de evento. Es similar al atributo de evento oninput . Pero la diferencia es que mientras el evento de atributo de entrada ocurre inmediatamente después de que cambia el valor del elemento, mientras que el evento de cambio ocurre cuando el elemento pierde el foco. Este atributo está asociado con el elemento <select>.
Etiquetas admitidas:
- <tipo de entrada=”casilla de verificación”>
- <tipo de entrada=”archivo”>
- <tipo de entrada=”contraseña”>
- <tipo de entrada=”radio”>
- <tipo de entrada=”rango”>
- <tipo de entrada=”buscar”>
- <tipo de entrada=”texto”>
- <seleccionar>
- <área de texto>
Sintaxis:
<element onchange = "script">
Valor de atributo: este atributo contiene un script de valor único que funciona cuando se llama al atributo onchange.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>onchange event attribute</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>onchange Event Attribute</h2>
<p>Choose Subject:</p>
<select id="GFG" onchange="Geeks()">
<option value="Data Structure">Data Structure
<option value="Algorithm">Algorithm
<option value="Computer Network">Computer Network
<option value="Operating System">Operating System
<option value="HTML">HTML
</select>
<p id="sudo"></p>
<script>
function Geeks() {
var x = document.getElementById("GFG").value;
document.getElementById("sudo").innerHTML =
"Selected Subject: " + x;
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo de evento onchange se enumeran a continuación:
- safari de manzana
- Google Chrome
- Firefox
- Ópera
- explorador de Internet
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA