[FRAGE] Bild abhängig von gewählten option-Feld anzeigen

[Werderaner]

Hallo,

ich habe folgendes Problem und denke ich muss da mit AJAX ran, habe bisher allerdings mit AJAX noch nicht wirklich etwas zu tun gehabt.

Ich habe ein Formular, bei dem man aus einem Select-Menü diverse Einträge wählen kann. Zu dem gewählten Punkt soll dann quasi live das passende Bild erscheinen. Das Bild wird nicht über das Formular verknüpft, sondern soll über den value-Wert der option erkannt werden, da die Bilder nach einem Schema abgelegt werden.

Das Formular kommt aus einem CMS und greift hier auf die Datenbank zurück.

Mit folgendem Code wird die Select-Liste generiert.

 <select name="<?= $this->name ?>" id="ctrl_<?= $this->id ?>" class="<?= $this->class ?>"<?= $this->getAttributes() ?>>
    <?php foreach ($this->getOptions() as $option): ?>
      <?php if ($option['type'] == 'group_start'): ?>
        <optgroup label="<?= $option['label'] ?>">
      <?php endif; ?>

      <?php if ($option['type'] == 'option'): ?>
        <option value="<?= $option['value'] ?>"<?= $option['selected'] ?>><?= $option['label'] ?></option>
      <?php endif; ?>

      <?php if ($option['type'] == 'group_end'): ?>
        </optgroup>
      <?php endif; ?>
    <?php endforeach; ?>
  </select>

Mein Plan ist es jetzt ein Bild nach folgendem Schema einzubinden:

<img src="/images/<?= $option['value'] ?>.jpg">

Ursprünglich habe ich überlegt mit jQuery einfach den Value-Wert für das Option auszulesen und dann einfach im Bild zu ergänzen, aber ich müsste hier dann ja puntktgenau den Wert im Dateipfad ansprechen, das ist doch so nicht möglich oder?

Vielleicht kann mir ja jemand helfen, hier eine Lösung zu finden.

Viele Grüße
Markus

 

[tsseh]

Ursprünglich habe ich überlegt mit jQuery einfach den Value-Wert für das Option auszulesen und dann einfach im Bild zu ergänzen, aber ich müsste hier dann ja puntktgenau den Wert im Dateipfad ansprechen, das ist doch so nicht möglich oder?

wenn du mit "puntktgenau den Wert im Dateipfad ansprechen" meinst, dass du die url des bildes so zusammensetzen musst, dass sie stimmt, dann MUSS das möglich sein, weil du sonst das bild nicht anzeigen kannst