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

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

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

最佳答案

这只是一个例子。最好在文本区域下方有一个输入,以获取要追加的文本,然后在追加后清除它,但是您的主旨是。它需要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" />

07-28 04:00
查看更多