如何在这个简单的下拉表单中更改(显示)图像？

<form>
  <label for="image-select">选择图像：</label>
  <select id="image-select">
    <option value="image1">图像1</option>
    <option value="image2">图像2</option>
    <option value="image3">图像3</option>
  </select>
</form>
<img id="image" src="" alt="显示图像">

JavaScript部分：
```javascript
// 获取下拉表单和图像元素
var select = document.getElementById("image-select");
var image = document.getElementById("image");

// 监听下拉表单的变化事件
select.addEventListener("change", function() {
  // 获取选中的选项值
  var selectedValue = select.value;
  
  // 根据选项值设置图像路径
  var imagePath;
  switch (selectedValue) {
    case "image1":
      imagePath = "path/to/image1.jpg";
      break;
    case "image2":
      imagePath = "path/to/image2.jpg";
      break;
    case "image3":
      imagePath = "path/to/image3.jpg";
      break;
    default:
      imagePath = "";
  }
  
  // 设置图像的src属性
  image.src = imagePath;
});