Bilderwechsel

[hawkmaster]

Hallo zusammen,
in einer <select> box sind grafiknamen gelistet.
<select name="sel_productimage" onclick="image(this);">
..

Wenn man einen eintrag auswählt, wird nebenan in einem DIv "productimage" die Grafik anzgezeigt.
Das klappt soweit.
Nur wird bei jedem neuen Klick neben dem alten Bild noch ein neues angezeigt. Das alte wird also nicht ersetzt.
Ich kapier nicht ganz wie ich das "löschen" des vorherigen Bildes machen kann.
Bin für jeden Tipp dankbar.

  
function image(selimageobj) {  
	for(i=0;i<selimageobj.length;i++){  
		if(selimageobj.options[i].selected){  
			var imgurl = selimageobj.options[i].value + ".gif";  
		}  
	}  
	var img = document.createElement("IMG");  
	img.src = "../image/icons/products/" + imgurl;  
	document.getElementById('productimage').appendChild(img);  
  

vielen Dank und viele Grüße
hawk