使用javascript在每次单击时重置从下拉菜单生成的图像

<select id="dropdown">
  <option value="image1">图像1</option>
  <option value="image2">图像2</option>
  <option value="image3">图像3</option>
</select>

<img id="image" src="" alt="生成的图像">

// 获取下拉菜单和图像元素的引用
var dropdown = document.getElementById("dropdown");
var image = document.getElementById("image");

// 添加单击事件监听器
dropdown.addEventListener("click", function() {
  // 重置图像
  resetImage();
});

function resetImage() {
  // 获取选中的选项值
  var selectedOption = dropdown.value;

  // 根据选项值设置图像的源路径
  if (selectedOption === "image1") {
    image.src = "image1.jpg";
  } else if (selectedOption === "image2") {
    image.src = "image2.jpg";
  } else if (selectedOption === "image3") {
    image.src = "image3.jpg";
  }
}