Javascript 如何链接下拉菜单中的可用选项以更改图像的大小

前几天我在一个网站上看到了一些东西，左边是字段，右边是图像。当我改变一个属性时，比如说长度，它会立即反映在图像上，而不会引导我进入新页面。我觉得这比预先定义好。我对JavaScript比较陌生，所以请任何人指导我如何完成这个过程。我尝试查找Three.js，但没有找到任何合适的方法。非常感谢您的帮助。

如果您有这样的图片：

<img src="suchnsuch.jpg" id="my-image" />

当下拉列表被更改时，它应该调用alter_image函数及其值，然后更改图像的宽度属性

如果将图像的宽度定义为属性（类似于so width=“300px”），则宽度代码应为

image.width = width + "px";

相反

根据他的回答，我做了一个简单的回答。这是你需要的吗

代码稍微修改：

function alter_image(width) {
  var image = document.getElementById('my-image');

  image.style.width = width != 'default' ? width + "px" : "auto";
}

---

您正在尝试创建三维对象吗？你把它标记为three.js？你应该提供更多的细节，也许还可以举例说明你已经做了多少/正在做什么。

image.width = width + "px";

function alter_image(width) {
  var image = document.getElementById('my-image');

  image.style.width = width != 'default' ? width + "px" : "auto";
}