Changing image with dropdown menu

Question

I am trying to change an image depending on what option is selected in a drop down menu. I am very new to javascript, so I am sure that it is a small problem that I'm not noticing. My attempt at implementing it is below: JS: function setPicture() { var img = document.getElementById("coffeedropdown"); var value = coffeedropdown.options[coffeedropdown.selectedIndex].value; alert(selectedValue); } HTML: Select a Drink Caffe Caffe Latte Cappuccino Caffee Marrocchino Caffe Americano Caffe Shakerato Caffe Corretto If anyone could help me out with this, I would really appreciate it! Thanks. JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

You don't have coffeedropdown variable declared or initialized anywhere, so after initializing img variable with your dropdown you need img to be used further, as your coffedropdown will be now img. var img = document.getElementById("coffeedropdown"); var value = coffeedropdown.options[coffeedropdown.selectedIndex].value; should be var img = document.getElementById("coffeedropdown"); var value = img.options[img.selectedIndex].value; ^^^ ^^^ //img here not coffeedropdown Fiddle