Funktion bei Wechsel im Select-Feld ausführen (onChange) mit Javascript

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;">&nbsp;</div>

</body>
</html>
1983 Tage ago by in Javascript | You can follow any responses to this entry through the RSS feed. You can leave a response, or trackback from your own site.

Leave A Response