title: Displaying an image when selecting an option from a drop down list
body: <p>I'm trying to change an image upon selection of an option in a drop down list:</p>
  
  <pre><code>function volvoCar()
  {
  var img = document.getElementById("image");
  img.src="volvo.png";
  return false;
  }
  </code></pre>
  
  <p>And so on for each car.</p>
  
  <pre><code>&lt;img id="image" src="Null_Image.png"/&gt;
  &lt;select id="CarList"&gt;
  &lt;option onclick="nullCar()"&gt;No Car&lt;/option&gt;
  &lt;option onclick="volvoCar()"&gt;Volvo&lt;/option&gt;
  &lt;option onclick="audiCar()"&gt;Audi&lt;/option&gt;&lt;/select&gt;
  </code></pre>
  
  <p>I can't seem to find anything online that gives me a solution. Whether it's because I'm phrasing it awkwardly or because what I'm trying to do is impossible with javascript, I don't know.</p>