Question

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

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

有什么想法吗？

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

Answer 1

怎么样

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

Answer 2

字符串连接很简单：

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

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

动态JavaScript图像SRC路径替换

3 个答案: