English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
onchange può essere utilizzato per ottenere o impostare la funzione di gestione degli eventi change dell'elemento corrente.
Quando l'utente modifica l'opzione selezionata dell'elemento <select>, viene eseguito JavaScript:
<!DOCTYPE html>
<html>
<head>
<title>Utilizzo dell'attributo onchange in HTML (Manuale di base oldtoolbag.com)</title>
</head>
<body>
Seleziona una nuova auto dall'elenco.
<select id="mySelect" onchange="myFunction()">
<option value="Audi">Audi
<option value="BMW">BMW
<option value="Mercedes">Mercedes
<option value="Volvo">Volvo
</select>
Quando selezioni una nuova auto, viene attivata una funzione che visualizza il valore dell'auto selezionata.
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("mySelect").value;
document.getElementById("demo").innerHTML = "Hai selezionato: " + x;
}
</script>
</body>
</html>Prova a vedere ‹/›IEFirefoxOperaChromeSafari
Tutti i browser mainstream supportano l'attributo onchange
L'attributo onchange viene attivato quando il valore dell'elemento cambia.
Suggerimento: Questo evento è simile all'evento oninput. La differenza sta nel fatto che l'evento oninput si verifica immediatamente dopo che il valore dell'elemento è cambiato, mentre l'evento onchange si verifica quando l'elemento perde il focus. Un'altra differenza è che l'evento onchange si applica anche agli elementi <select>.
Senza differenze.
<elemento onchange="script">
| Valore | Descrizione |
|---|---|
| script | Definisce lo script da eseguire quando viene attivato l'evento onchange. |