如何在选择dropdownlist项目时更改图像
如何在选择dropdownlist项目时更改图像
提问于 2011-09-14 13:44:48
我正在制作一个Html应用程序。我想调用我html应用程序中的所有图像，我想在选择每个项目时更改图像，就像假设我有包含4个花名的下拉列表，我还使用了一个图像标签。我想在选择每个花项时更改每个图像，这是怎么可能的。请提前帮助me.Thanks。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-09-14 13:53:25
在此示例中，在发生选择更改事件时，img#preview的src属性设置为current selection value。
<select onchange="document.getElementById('preview').src = this.value">
<option selected disabled>Pick a flower...</option>
<option value="https://i.imgur.com/uAhjMNd.jpeg">Flower 1</option>
<option value="https://i.imgur.com/UBvQ5Zq.jpeg">Flower 2</option>
<option value="https://i.imgur.com/b6XaNB3.gif">Flower 3</option>
</select>
<br>
<img id="preview" height="200px">
Stack Overflow用户
发布于 2011-09-14 13:56:16
如果你有带有类"myitem“end的项目，这些项目由一个"id”标签枚举，选中的项目有一个额外的类" selected“，而你的图像有类"myImage”，你可以用javascript和jquery来实现：
$('.myitem').each( function () {
if ($(this).hasClass('selected'))
{
$('.myImage').attr('src') = 'path-to-images/image'+$(this).attr('id')+'.jpg';
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7411775
复制相关文章
相似问题
腾讯云开发者
