选择下拉选项并显示不同的图像（使用Javascript）

Question

我正在尝试从下拉列表中选择一个选项后出现不同的图像。我知道它可能非常基础，但我对HTML和Javascript很新。不确定代码在何处或为何没有产生正确的输出。谢谢！

<script type = "text/javascript">
    function displayImage(elem) {
    var img = document.getElementById("dessert");
    image.src = elem.value;
    }
    </script>

<form name="controls">
<select name="dessertchoice" onchange="displayImage(this);">
    <option value="">None</option>
    <option value="http://web.ics.purdue.edu/~lrourk/IE332/chocolate.jpg">Chocolate</option>
    <option value="http://web.ics.purdue.edu/~lrourk/IE332/icecream.jpg">Ice Cream</option>
    <option value="http://web.ics.purdue.edu/~lrourk/IE332/fruit.jpg">Fruit</option>
    <option value="http://web.ics.purdue.edu/~lrourk/IE332/brule.jpg">Creme Brulee</option> 
</select>
</br></br>

<td>
<img id="dessert" src="" style="width:300px;height:200px;"/> 
</td></tr>
</form>