使用onChange =＆＃34; swapImage（）＆＃34;用图像名称替换带有错误图像的图像

Question

Javascipt很新。

使用表单顶部的表单。如果他们更改了八个下拉框之一中的选项，则图像将发生变化。但是，如果他们进行的配置不存在，则找不到图像，并显示标准的断开图像链接。

有没有办法检查我何时更改某个值并从下拉列表中触发onChange="swapImage()"以触发事件以检查图像是否存在，如果没有，请将其替换为错误图像？

<script type="text/javascript">
function swapImage(){
    var image = document.getElementById("imageToSwap");
    var hoogte = document.getElementById("hoogte").value;
    var bt = document.getElementById("bt").value;
    var fase = document.getElementById("fase").value;
    var aardlek = document.getElementById("aardlek").value;
    var kook = document.getElementById("kook").value;
    var groepen = document.getElementById("groepen").value;
    var merk = document.getElementById("merk").value;

    image.src = "http://www.groepenkasten.expert/images/" + merk + "/" + hoogte + "_"  + bt + "_"  + fase + "_" + aardlek + "_" + kook + "_" + groepen +".gif";
};

由于图像是动态的，因此没有完整页面重新加载。因此，当图像不存在时，它不会检测到破碎图像产生的错误。

链接到表单：http://www.groepenkasten.expert/meld-uw-storing/kant-en-klare-groepenkasten