我创建了一个多行文本框,每次在该文本框中添加不同用户的备注。但是现有内容不会更改或删除。新文本应在该文本框中添加。
我尝试了许多方法来做到这一点。但我找不到任何想法。人们请帮助我解决此问题。
<%: 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" />