我创建了一个多行文本框。在那个文本框中,每次都应该为不同的用户添加一些备注。但现有内容不会更改或删除。新文本应添加到该文本框。
我尝试了很多方法来做到这一点。但我找不到任何一个想法。人们请帮我解决这个问题。
<%: 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" />
关于javascript - 如何禁用jquery html5中文本框中的现有内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32394918/