inserire testo in campo input, a capo non vanno?

<a href="#" onclick="document.getElementById('messaggio').value=document.getElementById('messaggio').value+'ciao
ciao
ciao
ciao'; return false;"><i>Ciao</i></a>

In poche parole dovrei inserire del testo nell' input con degli spazi, il problema é che se clicco su ciao non mi inserisce il testo, credo che sia dovuto agli spazi. sapete darmi qualche soluzione per ovviare il problema?

Grazie, ciaoo...

[Ospite]

<a href="#" onclick="document.getElementById('messaggio').value=document.getElementById('messaggio').value+='ciao\
ciao\
ciao\
ciao';return false;"><i>Ciao</i></a>

I backslashes fanno in modo che il browser continui a leggere anche la riga successiva.
Ciao!

P.S: Ti ho corretto un erroretto:

getElementById('messaggio').value+'ciao

dev'essere:

getElementById('messaggio').value+='ciao

ok, adesso me li scrive nel textarea, ma non mi mette gli acapo... come mai?

[Ospite]

<a href="#" onclick="document.getElementById('messaggio').value+='ciao\n\
ciao\n\
ciao\n\
ciao';return false;"><i>Ciao</i></a>

Ciao!

ok, funziona, grazie.

un ultima domanda, se volessi fare la stessa cosa pero su comando di un select, come potrei fare?

[Ospite]

ok, funziona, grazie.

un ultima domanda, se volessi fare la stessa cosa pero su comando di un select, come potrei fare?

Come vorresti modificare il select?
Spiegati meglio.
Ciao!

vorrei che quando scelgo qualcosa dal select mi scriva qualcosa nel input, tipo qualche funzione al posto di onclik, onselect (esiste?)

[Ospite]

<select onchange="document.getElementById('messaggio').value+='testo da scrivere';">
<option>opzione1</option>
<option>opzione2</option>
</select>
<textarea id="messaggio"></textarea>

[dementialsite]

P.S. E' sufficiente questo...

<select onchange="document.getElementById('messaggio').value+='testo da scrivere';">
<option>opzione1</option>
<option>opzione2</option>
</select>
<textarea id="messaggio"></textarea>

Stammi bene... :-D