Carsten: Images als Einträge in Auswahlliste

Beitrag lesen

Hallo Jutta,

... Ich will aus einer Auswahlliste eine Farbe auswählen
lassen. Die Auswahl sollte optisch sein ...
... Ich wähle mir z.B. die Farbe "rot" aus
der Auswahlliste aus, und daneben soll er mir ein rotes Bild anzeigen.

mit
    images.ausgewaehlt.src="rot.gif"; // gelb.gif ... blau.gif ...
kannst du angezeigte Bilder nachträglich ändern. <../../tecbbe.htm#a9>

Das Bild muss wie folgt im HTML notiert sein:
    <img src="gruen.gif" name="ausgewaehlt">

Richtig tüftelig wird dann das mit dem event-Handler deiner Auswahlliste:
    onChange="images.ausgewaehlt.src=this.options[this.options.selectedIndex].value;"
unter der Vorrausetzung, das in den <option value="..."> jeweils der Dateiname
des anzuzeigenden Bildes steht. <../../tchd.htm#a4><../../tecbbdaa.htm>

Eine einfacherer Lösung wäre mit Radio-Buttons, neben die du farbige Felder
setzt. (Gar kein Script nötig.) <../../tche.htm#a1>

Radiobuttons können ein onClick=... bekommen, damit kannst du dann
die aktuelle Auswahl anzeigen:
   <input type=radio name="farbe" value="rot" onClick="images.ausgewaehlt.src='rot.gif';">rot<br>

Viel Spass beim basteln...

Gruss,
Carsten