如何在选择下拉列表项目时更改图像 [英] How to change image on selection of dropdownlist item

问题描述

我正在创建一个Html应用程序。我有我的文件夹中的图像数量。我想调用所有的图像在我的html应用程序，我想改变图像选择每个项目，就像假设我有下拉列表中包含4花名称，我也使用一个图像标签。我想改变每个图像选择每个花卉项目如何可能。 Pls帮助我。提前。

I am making one Html application. I have number of images in my folder.I want to call all that images in my html application and i want to change images on selection of each item, just like as suppose i have dropdown list which contains 4 flower name and also i am using one image tag.I want to change each image on selection of each flower item how is it possible. Pls help me.Thanks in advance.

推荐答案

如果你不使用jQuery，你可以尝试这样：

If you not using jQuery you could try something like this:

<select onchange="document.getElementById('preview').src = this.value">
    <option value="f1.jpeg">Flower 1</option>
    <option value="f2.png">Flower 2</option>
    <option value="f3.jpg">Flower 3</option>
    <option value="f4.gif">Flower 4</option>
</select>

<img id="preview">

这篇关于如何在选择下拉列表项目时更改图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！