动态JavaScript图像SRC路径替换

我想使用JS动态替换页面上的图像根据选择下拉列表中选定的选项的值。下面包含的代码中的所有内容都完美无缺。我的“selected_text”变量在我的select下拉菜单中正确地拉取了选定的选项的值，但我需要以某种方式将该值写入替换的img src路径。如果有人从我的选择下拉列表中选择“奥迪”，我想在我的替换img src路径中写入“[selected_text]”的“奥迪”。动态JavaScript图像SRC路径替换

任何想法？

<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>

来源

2010-07-08 aegenes

怎么样

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

来源

2010-07-08 21:01:48 dalton

太棒了，我知道它会是这样简单的事情。我仍然在学习，所以感谢你的帮助！ – aegenes 2010-07-08 21:12:16

很简单的字符串连接：

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

来源

2010-07-08 21:00:19 JAL

嗯，你可以有一个字符串地方，比如：

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);

来源

2010-07-08 21:01:31

-1

这很简单

document.getElementById（“image_tag_id”）。src =“set/image/path”+ selected_text +“。jpg”;

如果要设置动态循环，请参阅guide here。它与laravel结合使用。

来源

2017-11-06 15:35:20 ujjal

这没有帮助。他们已经有了尽可能多的代码，并且接受的答案是他们需要的（字符串连接）。 – 2017-11-06 16:13:10

我已编辑答案 – ujjal 2017-11-06 16:27:19

动态JavaScript图像SRC路径替换

回答

相关问题