Trennzeichen zu Textarea-Werten hinzufügen, wenn es mehr als ein existierendes gibt (Javascript)

Question

Ich bin neu in Javascript und möchte ein Textarea mit einigen Werten bei Klick anhängen. Bereits gemanagt, wie man sie mit dem Snippet unten hinzufügt, aber ich brauche ein Update dafür.

Wenn im Grunde mehr als ein Wert vorhanden ist, sollte beim Klicken auf den "Knopf" für den nächsten Wert ein Trennzeichen "|" , die in Form eines Präfixes oder etwas gesetzt werden können.

Beispiel Verhalten:

Ich habe ein leeres Textfeld mit der ID „attribute15“ und wenigen Spannweiten mit den Werten: „Rot“ „Grün“ „Blue“. Wenn ich auf jeden der Bereiche klicke, wird der Textbereich mit "RedGreenBlue" gefüllt. Ich möchte jedoch, dass, wenn ich bereits auf "Rot" geklickt hat, wenn für den nächsten Wert geht, fügt es automatisch ein "|" Trennzeichen zwischen Werten, so dass es "Rot | Grün | Blau" wird.

Jede Hilfe wird sehr geschätzt. Vielen Dank !

Hier ist meine aktuelle Snippet

$(".<?php echo 'attribute15'; ?>").click(function(){ 
    var txt = $.trim($(this).text()); 
    var box = $("#<?php echo 'attribute15'; ?>"); 
    box.val(box.val() + txt); 
    }); 

Answer 1

einfach zu überprüfen, ob der textarea bereits Text in ihm hat, und dann fügen Sie ein | wenn es gibt.

if (box.val().length > 0) 
    box.val(box.val() + "|" + txt); 
else 
    box.val(txt);