使用onChange =" swapImage()"用图像名称替换带有错误图像的图像

时间:2016-01-22 19:32:38

标签: javascript jquery html

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

0 个答案:

没有答案