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. 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.
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.
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>
what about
document.getElementById('make-image').src="/path/to/images/" + selected_text + ".jpg";
It's simple as string concatenation:
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);
精彩评论