Beispiel:JS-Event-onchange.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html> <head> 

 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0;" />
 <link rel="stylesheet" type="text/css" media="screen" href="./Beispiel:Grundlayout.css" />
 <style>

label {width:5em;} 

 </style>
 <title>Beispiel: change Event</title>

</head>

<body>

Beispiel: change Event

 <main>

Wähle einen Artikel aus der Liste!

   <select id="Auswahl">
       <option value="Audi" />Audi
       <option value="Bugatti" />Bugatti
       <option value="Citroën" />Citroën
       <option value="Daimler" />Daimler
       <option value="Porsche" />Porsche
   </select>
 </main>

<script> 

 var elem = document.getElementById('Auswahl');
 elem.addEventListener('change', Auswählen);

function Auswählen() { 

   var x = document.getElementById('Auswahl').value;
  alert('Sie haben einen '+x+' ausgewählt!');

} </script>

</body> </html>

Abgerufen am 23.09.2026
von "http://wiki.selfhtml.org/wiki/Beispiel:JS-Event-onchange.html"