[英]Dynamic JavaScript Image SRC Path Replacement
I'm trying to use JS to dynamically replace an image on a page based upon the value of the selected option of a select dropdown. 我正在尝试使用JS根据选择下拉列表中所选选项的值动态替换页面上的图像。 Everything in the code I've included below works perfectly.
我在下面包含的代码中的所有内容都可以完美运行。 My "selected_text" variable is properly pulling the value of the selected option in my select dropdown, but I need to somehow write that value to the replacement img src path.
我的“selected_text”变量正在我的选择下拉列表中正确拉出所选选项的值,但我需要以某种方式将该值写入替换img src路径。
IE: If someone selects "Audi" from my select dropdown, I want to write "Audi" where I have "[selected_text]" in my replacement img src path. IE:如果有人从我的选择下拉菜单中选择“奥迪”,我想写“奥迪”,我在替换的img src路径中有“[selected_text]”。
Any ideas? 有任何想法吗?
<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>
关于什么
document.getElementById('make-image').src="/path/to/images/" + selected_text + ".jpg";
字符串连接很简单:
document.getElementById('make-image').src="/path/to/images/"+selected_text+".jpg";
Well, you could have that string somewhere like: 好吧,你可以把那个字符串放在某个地方:
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);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.