javascript - Displaying an image when selecting an option from a drop down list -

i'm trying change image upon selection of option in drop down list:

function volvocar() { var img = document.getelementbyid("image"); img.src="volvo.png"; return false; } 

and on each car.

<img id="image" src="null_image.png"/> <select id="carlist"> <option onclick="nullcar()">no car</option> <option onclick="volvocar()">volvo</option> <option onclick="audicar()">audi</option></select> 

i can't seem find online gives me solution. whether it's because i'm phrasing awkwardly or because i'm trying impossible javascript, don't know.

instead of setting onclick event option, set onchange event select.

html

<img id="image" src="null_image.png" /> <select id="carlist">     <option value="null_image.png">no car</option>     <option value="volvo.png">volvo</option>     <option value="audi.png">audi</option> </select> 

javascript

function setcar() {     var img = document.getelementbyid("image");     img.src = this.value;     return false; } document.getelementbyid("carlist").onchange = setcar; 

here's working demo