ciao a tutti,
dato il codice in basso vorrei capire come potrei far visualizzare un'immagine diversa ad ogni option di una stessa select

codice:
<SCRIPT TYPE="text/javascript"> 
function 
bgImage(id,image)
	{
	document.getElementById(id).style.backgroundImage = 'url('+image+')'  ; 
 	} 
</SCRIPT> 

<DIV ID="pippo" STYLE="position:absolute; height:550; width:94; left: 250px; top: 10px;">
</DIV>  
<FORM>
<select name="prova" onFocus="if(document.getElementById)bgImage('pippo','cravatta-vuota.jpg')">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</FORM>
secondo questo codice, ovviamente, l'immagine di sfondo cambia quando ci si posiziona nella select ma vorrei, appunto, cambiasse ad ogni option della stessa.

ho provato in questo modo
codice:
<option value="2" onFocus="if(document.getElementById)bgImage('pippo','cravatta-2.jpg')">2</option>
ma non sembra funzionare
qualche dritta???

grazie in anticipo