gpt4 book ai didi

javascript - JS : more efficient way to call an image

转载 作者:行者123 更新时间:2023-11-28 08:31:11 24 4
gpt4 key购买 nike

嗨,我正在尝试输出图像,我以前的方法是这样的:

代码:http://jsfiddle.net/25ecg/2/

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

它的作用是每次用户更改他/她的选项时图像也会更改,我猜效果很好,但目前我正在尝试做这样的事情,

详细说明:

输入(标签/文本区域):ImageA.jpg按钮:点我

所需输出:图像弹出

所需流程:

不再有选择选项<select name=""><opt...</select> ,点击按钮时将从“img2/”+selected+“.jpg”中搜索;这是本地的

或者如果<select name=""><opt...</select>无法删除,请更改为更多变量,因为在当前设置中它会在控制台中提示错误,这就是为什么我正在寻找更有效的方法

感谢所有帮助

更新

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>

得到了我的答案,伙计们将其发布给其他人,他们可能也有同样的问题,还询问您对如何将其限制为一个appendChild的意见,因为它是无限的

关于javascript - JS : more efficient way to call an image,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21854380/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com