Ajouter un élément dans un textarea sans en supprimer le contenu

Bonjour,

sur ma page j'ai plusieurs formulaires, dont un formulaire qui contient un textarea et un autre formulaire avec un select, un code php permet d'afficher des éléments dans le select.
J'ai fait une partie en javascript qui permet quand on choisit un élément dans le select de l'ajouter dans le textarea, mais à chaque fois ça me supprime ce que j'avais écris dans mon textarea.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>Ajoutez un aticle</title>
		<meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
		<link rel="stylesheet" href="orgpage.css" type="text/css" />
 
		<script type="text/javascript">
		function insert_images(image)
		{
			var input = document.forms['bbcode'].elements['texte'];
			input.focus();
			var insText = input.value;
			var monimage="<img src=images_news/";
			var monimage1=">";
			var image=window.document.monselect.images.value;
			window.document.bbcode.texte.value=insText+monimage+image+monimage1;
 
		}
		</script>
	</head>
<body>
<br /><h2><center>Rédaction d'un article : </center></h2><br />
 
 
		<form method="post" action="verifarticle.php" name="bbcode" >
		<fieldset>
			<legend>Veuillez écrire votre article</legend>
			<div class="conteneur">
				<div class="floatleft">
					Titre de l'article : <input type="text" size="60" name="titre" value="<?php echo $titre; ?>">
 
					Contenu de l'article : 
 
					<textarea cols="100" rows="14" name="texte"  wrap="virtual"><?php echo $texte;  ?></textarea>
					<input type="hidden" name="id_news" value="<?php echo $id_modif; ?>">
 
					<input type="submit" name="envoi" value="Envoyer" >
				</div>
				<div class="spacer">
					&nbsp;
				</div>
			</div>
		</fieldset>		
			</form>
 
<fieldset>
			<legend><u>Insertion optionnelle d'une image :</u></legend>	
<table style="text-align: left; width: 100%;" border="0"
 cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td><form method="post" enctype="multipart/form-data" action="ajoutNews.php">
 
 
	<div class="conteneur2">
		<div class="floatleft">
			Choissisez une image à transférer(uniquement jpg,png ou gif) : 
			<input type="file" name="fich" accept="image/jpeg,image/gif,image/png,image/bmp"> 
			<input type="submit" value="Envoyer">
		</div>	
	</div>
 
</form>
</td>
 
      <td>	<form method="post" name="monselect" >
 
			<div class="conteneur2">
				<div class="floatleft">
				Choissisez l'image à ajouter à l'article  :  <select name="images"  multiple onChange="insert_images()">
				<?php
                                while (($file = readdir($dir)) !== false) 
                                {
                                        print_r("<option   value=".$file.">".$file."</option>");
                                }  
                                
                                ?>
				</select>
 
 
				</div>
			</div>
 
		</form>
</td>	
    </tr>
  </tbody>
</table>
</fieldset>			
 
 
 
</body>
</html>

Je voudrais pouvoir garder ce que j'avais écris dans le textarea, quand j'insére un élément du select.

Merci d'avance

P.S. : à force de réfléchir j'ai réussi à faire ce que je voulait, mais maintenant ça m'insère bien ce que j'ai dans le select dans mon textarea sans supprimer quoi que soit, mais ça ne l'insère pas en fonction de la position du curseur.