如何解决根据所选选项更改图像的 SRC
我必须更改具有不同项目的多个图像的属性“src”。
所以我想用这个代码来做:
脚本
function ColorSrcSet(ImageId) {
var imgID = document.getElementById(ImageId);
var optionValue = $(this).attr("value");
imgID.src = optionValue;
}
html
<select onchange="ColorSrcSet('img-1');">
<option value="../img/1.png">Amarillo</option>
<option value="../img/2.png">Naranja</option>
<option value="../img/3.png"></option>
</select>
<img id="img-1" src="../img/transparent.png"></img>
它给了我一个错误并将“SRC”设置为未定义。
¿有人知道如何解决吗?
解决方法
onchange 函数中没有明确的 this
您可以将值作为另一个参数传递
JS
function ColorSrcSet(ImageId,selectVal) {
document.getElementById(ImageId).src = selectVal;
}
HTML
<select onchange="ColorSrcSet('img-1',this.value);">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。