Option Select - Div a scomparsa

Salve a tutti!
Ho un menu a tendina in un form e vorrei che sotto a questo ci fosse un div (paragrafo, span o qualunque altra cosa) con dei contenuti dinamici all'interno.
Praticamente se dal menu a tendina scelgo un'opzione, nel div appare una scritta (es. hai scelto la prima opzione), se invece ne scelgo un'altra appare un'altra scritta (es. hai scelto la XX opzione).

E' possibile?

[miki92]

<script type="text/javascript">
function stampaindiv(opzione){
if(opzione == 1){
document.getElementById('contenutodinamico').innerHTML = 'Hai scelto la prima opzione.';
}else if(opzione == 2){
document.getElementById('contenutodinamico').innerHTML = 'Hai scelto la seconda opzione.';
}else if(opzione == 3){
document.getElementById('contenutodinamico').innerHTML = 'Hai scelto la terza opzione.';

}
}
</script>

<select name="abc" onchange="stampaindiv(this.value)">
<option value="1">Pera</option>
<option value="2">Mela</option>
<option value="3">Banana</option>
</select>

<div id="contenutodinamico"></div>

ALTERNATIVA

<script type="text/javascript">
function stampaindiv(opzione){
document.getElementById('contenutodinamico').innerHTML = 'Hai scelto '+opzione;
}
</script>

<select name="abc" onchange="stampaindiv(this.value)">
<option value="Pera">Pera</option>
<option value="Mela">Mela</option>
<option value="Banana">Banana</option>
</select>

<div id="contenutodinamico"></div>

Funziona perfettamente!
Grazie mille :)

-

E' possibile modificare

(opzione == 2){

??

Al posto del numero di <option
vorrei specificare il nome.

ho provato così ma non funziona:

(opzione == nomeoption){

<option value="nomeoption">Testo 1

[miki92]

Il numero può stare così come l'ho messo io, invece un valore testuale deve essere compreso fra le virgolette:

(opzione == "nomeoption"){