Indsættelse af tekst i textarea

Hej eksperter

I en form har jeg et textarea og en dropdown-menu. Når siden loades bliver der hentet en tekst ind i mit textarea fra en tekst fil. Meningen er så, at man skal kunne klikke på en option i dorpdown-menuen og få indsat teksten i mit textarea, der hvor markøren er placeret. Problemet er bare, at når man klikker på en tekst i dropdown-menuen, så bliver den indsat på linjen under den tekst der er hentet fra min tekstfil.
Det virker fint, når jeg ikke har hentet tekst ind fra tekstfilen, men bare sidder og skriver i mit textarea og indsætter fra min dropdown-menu!

Her er lidt kode som indsætter teksten fra dropdown-menuen:

Gem markørens position:
function storeCaret (textEl) {
  if (textEl.createTextRange)
    textEl.caretPos = document.selection.createRange().duplicate();
}

Indsæt tekst ved markørens position:
function insertAtCaret (textEl, text) {
  if (textEl.createTextRange && textEl.caretPos) {
    var caretPos = textEl.caretPos;
    caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == \' \' ? text + \' \' : text;
  }
  else
    textEl.value += text;
}