选择下拉选项并显示不同的图像(使用Javascript)
我试图有不同的图像出现后,选择一个下拉选项。我知道这可能非常基本,但我对HTML和Javascript非常陌生。不确定代码在哪里或为什么没有生成正确的输出。谢谢选择下拉选项并显示不同的图像(使用Javascript),javascript,html,Javascript,Html,我试图有不同的图像出现后,选择一个下拉选项。我知道这可能非常基本,但我对HTML和Javascript非常陌生。不确定代码在哪里或为什么没有生成正确的输出。谢谢 <script type = "text/javascript"> function displayImage(elem) { var img = document.getElementById("dessert"); image.src = elem.value; } </sc
<script type = "text/javascript">
function displayImage(elem) {
var img = document.getElementById("dessert");
image.src = elem.value;
}
</script>
<form name="controls">
<select name="dessertchoice" onchange="displayImage(this);">
<option value="">None</option>
<option value="http://web.ics.purdue.edu/~lrourk/IE332/chocolate.jpg">Chocolate</option>
<option value="http://web.ics.purdue.edu/~lrourk/IE332/icecream.jpg">Ice Cream</option>
<option value="http://web.ics.purdue.edu/~lrourk/IE332/fruit.jpg">Fruit</option>
<option value="http://web.ics.purdue.edu/~lrourk/IE332/brule.jpg">Creme Brulee</option>
</select>
</br></br>
<td>
<img id="dessert" src="" style="width:300px;height:200px;"/>
</td></tr>
</form>
功能显示图像(elem){
var img=document.getElementById(“甜点”);
image.src=元素值;
}
没有一个
巧克力
冰淇淋
果
奶油布吕利
尝试在displayImage
功能显示图像(elem){
var img=document.getElementById(“甜点”);
img.src=元素值;
}
没有一个
巧克力
冰淇淋
果
奶油布吕利
这只是一个简单的打字错误,发生在我们当中最好的人身上:)
更改此image.src=elem.value代码>至img.src=elem.value代码>
以下是工作示例:
希望有帮助