Images als Einträge in Auswahlliste

[Jutta]

Hallo!
Mein Problem: Ich will aus einer Auswahlliste eine Farbe auswählen lassen. Die Auswahl sollte optisch sein, d.h. ich habe schon mal probiert, verschiedene Farben als options anzeigen zu lassen (mit dem img-tag). hat aber nicht funktioniert.
2. möglichkeit: Ich wähle mir z.B. die Farbe "rot" aus der Auswahlliste aus, und daneben soll er mir ein rotes Bild anzeigen.
d.h. das einzige, was sich bei einer Auswahl ändern soll, ist source vom Bild daneben. also brauche ich eine onchange-Funktion, die mir wirklich nicht die ganze Seite refresht, sondern nur jenes Bild.
Nur: wie geht das?

Danke,
Jutta

[Carsten]

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