Select Option???

Could somebody help me with this sniplet:
I don't know much about javascript. This is how I wrote, please fix as long as it works

<script language="JavaScript1.2" type="text/javascript">
function showavatar() {
cameraname = document.camera.options[document.camera.selectedIndex].value;
document.images.icons.src = cameraname;
}
</script>
<select name="camera" class="form" onChange="showavatar()">
<option value="no_camera.gif" selected>No Camera</option>
<option value="dsc_f707.gif">DSC F707</option>
<option value="dsc_p5.gif">DSC P5</option>
<option value="dsc_p9.gif">DSC P9</option>
<option value="dsc_p31.gif">DSC P31</option>
<option value="dsc_p51.gif">DSC P51</option>
<option value="dsc_p71.gif">DSC P71</option>
</select>

// this is where image will be shown after selected above.

<IMG SRC="cameraname" WIDTH="60" HEIGHT="60" BORDER="0">

Thanks you very much.

Looks like you're almost there! You've just forgotten to give your IMG tag a NAME attribute.

<IMG SRC="cameraname" WIDTH="60" HEIGHT="60" BORDER="0" NAME="icons">

That outta do it!

Thanks Stumpy! But it still doesn't work. I don't know why. Could you please take a look again?

Hey - note that you need to reference your objects correctly - e.g.
document.frmName.ImgName.src

here's the code

Thanks you very much Stumpy! It worked. Appreciated.