как отключить существует содержимое в текстовом поле в 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" />