在此示例中，在选择更改事件中，img#preview将其src属性设置为当前选择value。

<select onchange="document.getElementById('preview').src = this.value">
  <option selected disabled>Pick a flower...</option>
  <option value="https://i.imgur.com/uAhjMNd.jpeg">Flower 1</option>
  <option value="https://i.imgur.com/UBvQ5Zq.jpeg">Flower 2</option>
  <option value="https://i.imgur.com/b6XaNB3.gif">Flower 3</option>
</select>
<br>
<img id="preview" height="200px">

如果你有一个类为“myitem”的项目，那么这些项目是由一个“id”标签枚举的，selected item有一个额外的类“selected”，你的图像有一个类“myImage”，你可以用javascript和jquery来做到这一点：

$('.myitem').each( function () {
  if ($(this).hasClass('selected'))
  {
     $('.myImage').attr('src') = 'path-to-images/image'+$(this).attr('id')+'.jpg';
  }
});