Select выбранное значение отображается в textarea

[Juslaines]

Как можно сделать так, чтобы при выборе значения из select оно отображалось в textarea,а в select сбрасывалась выбранная позиция, в textarea оставалась и можно было в texarea добавить ещё другие выбранные позиции из select?
Есть кнопка "Добавить", которая клонирует строки таблицы

var i =2;
 $(function(){
        $('#add').on('click',function(){
            var el = $('#for-clone').clone(true);
            el.removeClass('d-none');           
            el.find('td:first-child').attr('id','num'+i).text(i);
            el.find('select').attr('id','sel'+i).addClass('form-control');
            el.find('textarea').attr('id','text'+i);
            i++;
            el.find('select').select2();
            el.find('.dp1').kvDatepicker();
            el.find('.dp2').kvDatepicker();
            $('#main-table tr:last').before(el);
        });        
        $('select').on('change',function(){
            var id = $(this).attr('id').replace(/[^\d;]/g, '');
             if(typeof $('#text'+id)!=='undefined')
                 $('#text'+id).val($(this).val());
        });
    });


Такой вариант не работает
$('#sel'+i).change(function(){   
            var insert = $("#text"+i).val() + this.value + ' ';    
            $("#text"+i).val(insert);
            this.selectedIndex = 0;
        });

[рони]

Juslaines,
когда клон создали тогда и change вешайте, строку 24 перенесите в строку 5.