动态JavaScript映像SRC路径替换
我正在尝试使用JS根据select下拉列表中selected选项的值动态替换页面上的图像。我在下面包含的代码中的所有内容都非常有效。我的“selected_text”变量正确地提取了select下拉列表中所选选项的值,但我需要以某种方式将该值写入替换的img src路径 IE:如果有人从我的选择下拉列表中选择“奥迪”,我想在我的替代img src路径中有“[所选文本]”的地方写上“奥迪” 有什么想法吗动态JavaScript映像SRC路径替换,javascript,Javascript,我正在尝试使用JS根据select下拉列表中selected选项的值动态替换页面上的图像。我在下面包含的代码中的所有内容都非常有效。我的“selected_text”变量正确地提取了select下拉列表中所选选项的值,但我需要以某种方式将该值写入替换的img src路径 IE:如果有人从我的选择下拉列表中选择“奥迪”,我想在我的替代img src路径中有“[所选文本]”的地方写上“奥迪” 有什么想法吗 <script type="text/javascript"> function
<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>
函数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”;
}
简单的字符串连接:
document.getElementById('make-image').src="/path/to/images/"+selected_text+".jpg";
嗯,你可以把那根绳子放在某个地方,比如:
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);
那怎么办
document.getElementById('make-image').src="/path/to/images/" + selected_text + ".jpg";
太棒了,我就知道事情会这么简单。我还在学习,谢谢你的帮助!