select multiple a textarea

[kaninox]

Hola muchachos estoy realizando un formulario para enviar correos y pues me gustaría sacar los correos de base de datos en un select múltiple e irlos agregando a un textarea al hacer click y separados por coma, como lo hace hotmail creo.

un ejemplo de lo que quiero es :




de hecho modifique unos codigos, pero solo me copia una direcccion y ya luego la sobre escribe.

Código HTML:

<script type="text/javascript">
function muestraentextarea()
{
    var indice=document.forms[0].correos.options.selectedIndex;
    document.forms[0].envia_emails.value=document.forms[0].correos.options[indice].text;
}
</script>
 
<form name="forms">
<select multiple="multiple" size="7" name="correos" id="correos" style="width: 500px;" onchange="muestraentextarea()">
<option value="[email protected]">[email protected]</option>
<option value="[email protected]">[email protected]</option>
<option value="[email protected]">[email protected]</option>
</select>
<br /><br />
<textarea name="envia_emails" style="width: 500px;" rows="5"></textarea>
</form>
 

Alguna idea ?
Saludos.