Bild auswechseln nach select-Auswahl

[P_F]

Hi, ich habe ein Selectfeld in der Form:

<select ...>
<option value="...">...</option>
</select>

Für jede Option ist auch ein weiterer Parameter vorhanden, nämlich ein bildname, z.B. 17.jpg.

Bei der Wahl einer Option, soll nun ein anderes Bild durch das Bild 17.jpg ausgewechselt werden. Ist das möglich ?

 

[Quaese]

Hi,

wenn die Bildnamen im value-Attribut angegeben sind, kannst Du mal folgendes versuchen:

<div>
  <select onchange="document.getElementById('bildID').src='../bilder/'+this[this.selectedIndex].value;">
    <option value="bild1.jpg">Bild 1</option>
    <option value="bild2.jpg">Bild 2</option>
    <option value="bild3.jpg">Bild 3</option>
    <option value="bild4.jpg">Bild 4</option>
    <option value="bild5.jpg">Bild 5</option>
  </select>
</div>
<div><img id="bildID" src="../bilder/fussball1.jpg" width="120" height="121" alt=""></div>

Voraussetzung ist, dass alle Bilder im gleichen Verzeichnis liegen. Der Pfad wurde in der Anweisung im
onchange-Event angegeben.
Möglich wäre eventuell auch, den Pfad mit in das value-Attribut zu nehmen.

Ciao
Quaese