Javascript 用错误图像替换图像，图像名称为onChange="；swapImage（）”；

对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";
};

函数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”；
};

因为图像是动态的，所以没有完整的页面重新加载，。因此，当图像不存在时，它不会检测到损坏图像产生的错误

---

链接到表单：

欢迎使用堆栈溢出的可能重复项。当这都是本机JavaScript时，为什么要包含

JQuery

标记？我建议您创建一个变量来存储字符串，然后将其发送到控制台，以查看字符串是如何创建的。@Twisty:因为也许有更好的方法用Jquery实现这一点。@Patrick:我试过了，但由于图像只是动态更改的，根据您建议的脚本，该页面无法重新加载，因此无法正常工作。函数imgError（image）仅在整页重新加载时触发。因为图像是由Javascript动态创建的，所以这不起作用。如果image=error然后src=“x.gif”？是否可以触发第二个函数？将图像加载到重影/隐藏元素中，并收听

onError

事件。