php - 我在javascript中创建了图像标签。但它没有在网页上显示图像

Question

我在我的 PHTML 中的添加按钮上调用此函数。单击添加按钮时，我想在 中显示所选水果的图像<div>。

   function moveoutid()
   {
var sda = document.getElementById('availableFruits');
var len = sda.length;
var sda1 = document.getElementById('orderFruits');

for(var j=0; j<len; j++)
{
    if(sda[j].selected)
    {
        alert(baseUrl+"/img/"+sda.options[j].value+".jpg");
        var img1=document.createElement('img').src=baseUrl+"/img/"+sda.options[j].value+".jpg";

        var di=document.getElementById('d');
        di.appendChild(img1);


        var tmp = sda.options[j].text;
        var tmp1 = sda.options[j].value; 
        sda.remove(j);
        j--;
        var y=document.createElement('option');
        y.text=tmp1;
        try
        {
            sda1.add(y,null);
        }
        catch(ex)
        {
            sda1.add(y);
        }
    }
}

   }

在这段代码中，我创建了<img>标签并将图像路径传递给src，以在网页上显示选定的图像。它正确地获取图像的路径，但它没有附加<img>标签，也没有在网页上显示图像。

Answer 1

您的问题很可能在这一行：

var img1=document.createElement('img').src=baseUrl+"/img/"+sda.options[j].value+".jpg";

这将创建一个元素，将src属性分配给它，然后将此src属性的值分配给 variable img1。相反，您应该分两行执行此操作：

var img1 = document.createElement('img');
img1.src = baseUrl+"/img/"+sda.options[j].value+".jpg";