Quiero colocar los elementos de un select a un textarea, el código que tengo funciona bien para agregar el texto, pero el problema surge al momento de eliminar el texto del textarea, si elimino algo del mismo, no me deja volver a colocar mas texto desde el select, a continuación pongo el código que tengo.
function agregar(texto){
console.log(texto);
$("#test1").append(texto+"\n");
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<title>Problema</title>
</head>
<body>
<select name="" id="test" onchange="agregar($('#test option:selected').text())">
<option value="1">Uno</option>
<option value="2">Dos</option>
<option value="3">Tres</option>
<option value="4">Cuatro</option>
</select>
<br/>
<textarea name="" id="test1" cols="30" rows="10"></textarea>
</body>
</html>
¿Cómo podría solucionar este problema, o a que se debe esto?