动态 JavaScript 图像 SRC 路径替换答案

【问题标题】：Dynamic JavaScript Image SRC Path Replacement动态 JavaScript 图像 SRC 路径替换
【发布时间】：2017-11-07 14:46:16
【问题描述】：

我正在尝试使用 JS 根据选择下拉列表的选定选项的值动态替换页面上的图像。我在下面包含的代码中的所有内容都可以完美运行。我的“selected_text”变量在我的选择下拉列表中正确提取了选定选项的值，但我需要以某种方式将该值写入替换 img src 路径。

IE：如果有人从我的选择下拉列表中选择“Audi”，我想在我的替换 img src 路径中有“[selected_text]”的地方写下“Audi”。

有什么想法吗？

<script type="text/javascript">
function popmake() {
    var w = document.vafForm.make.selectedIndex;
    var selected_text = document.vafForm.make.options[w].text;
    document.getElementById('make-image').src="/path/to/images/[selected_text].jpg";
}
</script>

【问题讨论】：

标签： javascript

【解决方案1】：

怎么样

document.getElementById('make-image').src="/path/to/images/" + selected_text + ".jpg";

【讨论】：

太棒了，我知道它会像这样简单。我还在学习，谢谢你的帮助！

【解决方案2】：

就像字符串连接一样简单：

document.getElementById('make-image').src="/path/to/images/"+selected_text+".jpg";

【讨论】：

【解决方案3】：

嗯，你可以把这个字符串放在像这样的地方：

var path_to_images = "/path/to/images/[selected_text].jpg";

... code ...

var selected_text = document.vafForm.make.options[w].text;

document.getElementById('make-image').src = path_to_image.replace("[selected_text]", selected_text);

【讨论】：