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?

Codice HTML:

---

<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>

---

Codice HTML:

---

<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

Codice HTML:

---

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

---

Codice HTML:

---

<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

Codice HTML:

---

(opzione == 2){

---

??

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

ho provato così ma non funziona:

Codice HTML:

---

(opzione == nomeoption){

---

Codice HTML:

---

<option value="nomeoption">Testo 1

---

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

Codice HTML:

---

(opzione == "nomeoption"){

---