JS: onchange-Event abfangen, ohne ein onchange-Tag

edit | delete

Autor: Ralf v.d.Mark

eingetragen: Montag, 01. März 2021 um 12:30 Uhr (9/2021 Kalenderwoche)

geändert: Montag, 01. März 2021 um 16:02 Uhr (9/2021 Kalenderwoche)

Keywords: onchange Event abfangen

Kategorien: JavaScript,

Text:

Ein onchange-Event abfangen, ohne ein onchange-Tag:


1. Quelle: selfhtml.org
2. Quelle: mediaevent.de




Blume wählen...



Quellcode:   

<select id="blumen">
    <option value="Stiefmütterchen">Stiefmütterchen</option>
    <option value="Primeln">Primeln</option>
    <option value="Tulpen">Tulpen</option>
</select>
<div id="anzeige">Blume wählen...</div>

<script>
    let blumen = document.getElementById('blumen');
    blumen.addEventListener ("change", function () {
        let anzeige = document.getElementById('anzeige');
        alert('"' + this.value  + '" erfolgreich ausgewählt!');
        anzeige.innerHTML = this.value;
    });

ODER:

var elem = document.getElementById("blumen");
elem.addEventListener("change", Auswahl);

function Auswahl() {
    var x = document.getElementById("blumen").value;
    alert('Sie haben "'+ x +'" gewählt!');
}
</script>