JavaScript-Methode zum dynamischen Ändern von Bildern durch select_javascript-Fähigkeiten

Das Beispiel in diesem Artikel beschreibt die Methode zum dynamischen Ändern von Bildern durch JavaScript durch Auswahl. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Der folgende JS-Code löst die Funktion SetBeerIcon() aus, wenn sich die Auswahlliste ändert. Die Funktion SetBeerIcon() kann das Bild entsprechend dem ausgewählten Wert dynamisch ändern

...
<script language="JavaScript" type="text/javascript" >
function setBeerIcon() {
 var beerIcon = document.getElementById("beerIcon");
 beerIcon.src = "images/"+getSelectValue("beer")+".jpg";
}
</script>
...
<img border="0" src="" id="brandIcon" alt="brand" />
<select name="beer" id="beer" onChange="setButton();setBeerIcon();">
<option value="--Select--">Select beer</option>
  <option value="heineken">heineken</option>
  <option value="sol">sol</option>
  <option value="amstellight">amstellight</option>
  <option value="coronalight">coronalight</option>
  <option value="coronaextra">coronaextra</option>
  <option value=""></option>
</select>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.