jquery - テキストエリアに値を追加します。TextArea 編集不可

Question

次の問題があります。

User List から ID を持つ TextArea に追加しようとしています: "To" リストからのその要素の名前 "#sortable1"。

機能は魅力のように機能しますが、次の問題があります。

1) Textarea は編集できません (ただし、読み取り専用オプションは使用しません)。

 @Html.TextArea("To", new { id = "To", @style = "height: 40px; width:100%", @class = ".connectedSortable" })

および JQuery 関数

function LoadToUserIdListScripts() {
        $("#sortable1, #To").sortable({
            connectWith: ".connectedSortable"
        }).disableSelection();
var dlistTo = [];
        $("#To").droppable({
            drop: function (event, ui) {
                var a = $(ui.draggable).attr('id');
                ovalue = $("#To").val();
                ts = "";
                if (dlistTo.length > 0)
                    ts = ","
                $("#To").val(ovalue + ts + $.trim($(ui.draggable).text()).replace(/\s(?=\s)/g, ''));
                dlistTo.push(a);
                To = dlistTo;
                NamesTo = ovalue + ts + $.trim($(ui.draggable).text()).replace(/\s(?=\s)/g, '');
            }

        });

編集：