2015-09-04 56 views
1

我每天都有些言論應與不同的用戶加入時創建一個多行文本框。在該文本框的文本內容的jQuery HTML5。但現有內容不會更改或刪除。新文本應該與該文本框一起添加。如何禁用存在

我嘗試了很多方法來做到這一點。但我找不到任何一個想法。人們請幫我解決這個問題。

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

請參見編輯答案 - 具有隻讀和換行符 –

回答

2

這只是一個例子。最好在文本區域下面有一個輸入來獲取文本以追加,然後在添加後清除它,但是您會得到要點。它需要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" />

+0

但現有的內容應該顯示。但應該隱藏起來。不可編輯。他們可以添加新的內容。同時保存數據所有這些東西都會被添加。 – PoliDev

+0

啊我錯過了..我會有另一個小提琴 –

+0

明白了 - 將屬性設置爲只讀 –