Javascript 显示选定的图像、网页

我试图显示用户从列表中选择的图像，但在屏幕上看不到任何内容

.集装箱{
位置：相对位置；
}
.中心{
位置：绝对位置；
左：0；
最高：50%；
宽度：100%；
文本对齐：居中；
字号：18px；
}
img{
宽度：100%；
高度：自动；
不透明度：1；
}
图像：

LB_1_000561
LB_1_000562
LB_1_000563
LB_1_000564
LB_1_000565
LB_1_000566
LB_1_000567
LB_1_000568
LB_1_000569
函数getvalue（）{
var值=document.getElementById（“ImSelect”）.value；
img.src=“Images/”+value.+.jpg”；
var img=document.createElement（“img”）；
var src=document.getElementById（“x”）；
src.appendChild（img）；
}
这是因为没有任何函数调用您的
getValue
函数。您在
onchange
之后需要一个
=
，如
onchange=“getvalue（）”
。无论何时在
select
中进行选择，都需要调用该函数，因此需要为其设置
change
事件处理程序，并且该处理程序应该在JavaScript中设置

此外，您正在尝试在创建图像之前设置图像的
src
。你需要交换那两行

此外，您的文档没有
标题
部分，您的
样式
元素应该放在那里，而不是放在
正文
中

最后，您的代码将创建一个新图像，并在每次进行选择时将其附加到文档中，这样您就可以显示许多图像。如果您只希望显示一个图像（最近选择的图像），则不需要创建新图像并将其附加到文档中，只需在页面中创建一个静态
img
元素，而不需要在HTML中设置其
src
。然后，JavaScript需要做的就是访问预先存在的图像并设置其
src
，而不是生成一个新图像并附加它



.集装箱{
位置：相对位置；
}
.中心{
位置：绝对位置；
左：0；
最高：50%；
宽度：100%；
文本对齐：居中；
字号：18px；
}
img{
宽度：100%；
高度：自动；
不透明度：1；
}
图像：

LB_1_000561
LB_1_000562
LB_1_000563
LB_1_000564
LB_1_000565
LB_1_000566
LB_1_000567
LB_1_000568
LB_1_000569
让select=document.getElementById（“ImSelect”）；
让target=document.getElementById（“target”）；
//用JavaScript而不是HTML设置更改事件hanlder
选择.addEventListener（“更改”，getvalue）；
函数getvalue（）{
//只需更新预先存在的img元素的src
target.src=“Images/”+select.value+“.jpg”；
target.alt=target.src；//只是为了在屏幕上显示一些东西以供演示
}
这是因为没有任何函数调用您的
getValue
函数。您在
onchange
之后需要一个
=
，如
onchange=“getvalue（）”
。无论何时在
select
中进行选择，都需要调用该函数，因此需要为其设置
change
事件处理程序，并且该处理程序应该在JavaScript中设置

此外，您正在尝试在创建图像之前设置图像的
src
。你需要交换那两行

此外，您的文档没有
标题
部分，您的
样式
元素应该放在那里，而不是放在
正文
中

最后，您的代码将创建一个新图像，并在每次进行选择时将其附加到文档中，这样您就可以显示许多图像。如果您只希望显示一个图像（最近选择的图像），则不需要创建新图像并将其附加到文档中，只需在页面中创建一个静态
img
元素，而不需要在HTML中设置其
src
。然后，JavaScript需要做的就是访问预先存在的图像并设置其
src
，而不是生成一个新图像并附加它



.集装箱{
位置：相对位置；
}
.中心{
位置：绝对位置；
左：0；
最高：50%；
宽度：100%；
文本对齐：居中；
字号：18px；
}
img{
宽度：100%；
高度：自动；
不透明度：1；
}
图像：

LB_1_000561
LB_1_000562
LB_1_000563
LB_1_000564
LB_1_000565
LB_1_000566
LB_1_000567
LB_1_000568
LB_1_000569
让select=document.getElementById（“ImSelect”）；
让target=document.getElementById（“target”）；
//用JavaScript而不是HTML设置更改事件hanlder
选择.addEventListener（“更改”，getvalue）；
函数getvalue（）{
//只需更新预先存在的img元素的src
target.src=“Images/”+select.value+“.jpg”；
target.alt=target.src；//只是为了在屏幕上显示一些东西以供演示
}
在创建
var img
之前，您正在设置
img.src
。在
onchange“getvalue（）”
中缺少
=
，调试时打开控制台可能会有所帮助。您可能会看到至少一个错误。@j08691顺便说一句，我相信编辑可能已经删除了相当多的其他HTML Jankines。正如Scott在下面指出的，原始HTML没有
元素。@ScottMarcus和Tyler可以随意进行任何需要的回滚。抛开头部问题不谈，我怀疑这是任何问题的原因，唯一的代码更改是在
onchange“g中删除了一个空格