Javascript JS：调用映像的更有效方法_Javascript_Html_Image_Call

Javascript JS：调用映像的更有效方法

javascript html image

Javascript JS：调用映像的更有效方法,javascript,html,image,call,Javascript,Html,Image,Call,您好，我正在尝试输出图像，我以前的方法如下：代码：函数addimage（）{ 所选=document.getElementById（“国家”）.value； var src=“img2/”+所选+”.jpg”； var img=document.createElement（“img”）； img.src=src；子容器（img）； img.style.display=“inline”； } 得到了我的答案伙计们为其他人发布了它，他们可能也有同样的问题，还询问您对如何将其限制为一个app

您好，我正在尝试输出图像，我以前的方法如下：

代码：


函数addimage（）{
所选=document.getElementById（“国家”）.value；
var src=“img2/”+所选+”.jpg”；
var img=document.createElement（“img”）；
img.src=src；
子容器（img）；
img.style.display=“inline”；
}

得到了我的答案伙计们为其他人发布了它，他们可能也有同样的问题，还询问您对如何将其限制为一个appendChild的意见，导致其不受限制

控制台上有什么错误？加载资源失败：服务器响应状态为404（未找到）@StefanoOrtisiWell，这是因为小提琴上没有占位符.png…我将对其进行编辑以显示当前位置code@spassvogel实际上有style=“display:无；

<select name="code" id="code" size="">
        <option value="">imgA</option>
        <option value="">imgB</option>
        <option value="">imgC</option>
        <option value="">imgD</option>
</select>
<input type="button" onclick="showimg()" value="Display">
<img src="placeholder.png" id="placeholderImg" style="display: none;" />

function showimg() {
    var q = document.getElementById("code");
    var selected = q.options[q.selectedIndex].value;

    var src = "http://www.unc.edu/~matusiak/imgs/Under-Construction-1.gif";
    var img = document.getElementById("placeholderImg");
    img.src = src;
    img.style.display = "inline";
}

function addTheImage() 
{     var img = document.createElement('img');
     img.src = "http://....";   
  document.body.appendChild(img); 
}

<html>
<head>

<script type="text/javascript">

function addimage() { 
      selected =  document.getElementById("country").value;
      var src = "img2/" + selected + ".jpg";
      var img = document.createElement("img");
      img.src = src; 
      container.appendChild(img);
      img.style.display = "inline";
    }

</script>

<body>
  <input class="buildaddress" id="country">
  <input type="button" onclick="addimage()" value="Display">
  <div id="container"></div>

</body>