javascript - 如何禁用jquery html5中文本框中的现有内容

Question

我创建了一个多行文本框。在那个文本框中，每次都应该为不同的用户添加一些备注。但现有内容不会更改或删除。新文本应添加到该文本框。

我尝试了很多方法来做到这一点。但我找不到任何一个想法。人们请帮我解决这个问题。

<%: Html.TextArea("Remark", Model.Remarks, new { @maxlength = "400" })%>

Answer 1

这只是一个例子。最好在文本区域下方输入以获取要追加的文本，然后在追加后将其清除，但您明白了要点。它需要 jquery。

(function($){
    $.fn.extend({
        valAppend: function(text){
            return this.each(function(i,e){
                var $i =$('#remark')
                var $e = $('#comment');
                $i.val($i.val()  +'\n'  + $e.val());
            });
        }
    });
})(jQuery);


$('#append').click(function(){
    $('textarea').valAppend();
    $('#comment').val('');
    $('textarea').attr('readonly','readonly');
});

textarea, input{display:block;}
#remark{height:100px; width:200px;border: 1px solid black}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="remark"></textarea>
<input type="text" id="comment" placeholder ="enter commment"></input>
<input type="button" id="append" value="append" />