Bei jedem Wechsel des Wertes in einer DropDown-Liste können Sie eine Funktion ausführen. Abhängig vom ausgewählten Wert können dann bestimmte Aktionen durchgeführt werden.
Im folgenden Beispiel wird bei Änderung des ausgewählten Eintrages in der DropDown-Liste die Funktion FarbeVeraendern(…) aufgerufen. Diese übernimmt den ausgewählten Wert (entweder “transparent”, “red”, “lime” oder “blue”) und benutzt diesen als Hintergrundfarbe für das Quadrat direkt unter dem DropDown-Feld.
<html>
<head>
<script>
<!--
function FarbeVeraendern(Farbe)
{
document.getElementById('Farbbereich').style.backgroundColor = Farbe;
return true;
}
//-->
</script>
<title>Funktion bei Wechsel im Select-Feld ausführen (onChange)</title>
</head>
<body>
<form>
<select name="Farbwaehler" onChange="FarbeVeraendern(this.options[this.selectedIndex].value);" size="1">
<option value="transparent">unsichtbar</option>
<option value="red">rot</option>
<option value="lime">grün</option>
<option value="blue">blau</option>
</select>
</form>
<div id="Farbbereich" style="background-color:transparent;height:100px;width:100px;"> </div>
</body>
</html>