Как модифицировать скрипт?

Question

[DeniSidorenko]

Привет ребята. Есть простой скрипт, но дело в том что никак не могу его модифицировать. Если кратко, есть с option. и тег куда идет текстом что выбрал пользователь. Скрипт работает но мне надо что бы при другом выбере текст не удалялся а дополнялся. Сейчас выбираю одно и текст тот же , выбираю другое текст меняется. А мне надо что бы я выбрал текст поставился, другое выбрал и продолжение. Внимание на код и на скриншот

HTML

<select class='sl-search' id='citySelect'>
                  <option value="Выбор">Все города</option>
                  <option value="Лимассол"></div>Лимассол</option>
                  <option value="Пафос">Пафос</option>
                  <option value="Никосия">Никосия</option>
                  <option value="Айя-Напа">Айя-Напа</option>
                  <option value="Полис">Полис</option>
                  <option value="Писсури">Писсури</option>
                  <option value="Протарас">Протарас</option>
                  <option value="Тоодос">Тоодос</option>

                </select>
                <div id="text_comment"></div>

JS

$("#citySelect").change(function () {
var str = "";
$("#citySelect option:selected").each(function () {
str += $(this).text() + "\n";
});
$("#text_comment").text(str);
})
.trigger('change');

Image

Answer 1

[First Last]

> $("#text_comment").text(str);
$("#text_comment").appendTo(str);

Comments

[DeniSidorenko]

Спасибо