Javascript 更改select onchange上的图像

我想在选择时更改图像。我会解释整个事情是如何运作的。实际上，首先我要根据选定的颜色更改图像。我在社区的帮助下完成了这一部分。现在我想根据选择更改图像。如果是，则加载相同颜色但颜色相同的图像

这是我尝试过的，但不起作用：(

function collarChange（单击选项）{
如果（单击选项。值==“是”）
{
if（document.getElementById（“libaasImage”）.src==“images/black.png”）
{
document.getElementById（“libaasImage”）.src=“images/black-collar.png”；
}
}
}

选择。。
对
不

这是一把可以帮助您编写代码的小提琴。需要注意两件事： 1） 我将事件传递到您的

collarChange

函数以访问所选值。 2） 我更改了您的

if

语句，以检查

indexOf

HTML:

---

愚蠢的问题-此页面是否也有id为“libaasImage”的

元素？尝试用

/images/black.png

替换

/images/black.png

@EatPeanutButter是。更新了问题您的内部条件正在尝试匹配一个不存在的src:

images/black.png

images/white.png

，因此它的计算结果为false，没有任何结果。“不工作”不是一个有用的描述。会发生什么？你有错误吗？它是否运行，但更改选择不会更新图像？您是否已使用开发人员控制台逐步完成代码-事件是否会触发？

<select onchange="collarChange(event)">
    <option value="select">Select..</option>
    <option value="Yes">Yes</option>
    <option value="No">No</option>
</select>
<img src="images/black.png" id="libaasImage">

collarChange = function (event) {
  if (event.target.value == "Yes")
  {
    if ( document.getElementById("libaasImage").src.indexOf("images/black.png") != -1 )
    {
      document.getElementById("libaasImage").src = "images/black-collar.png";
    }
  }
}