我每天都有些言論應與不同的用戶加入時創建一個多行文本框。在該文本框的文本內容的jQuery HTML5。但現有內容不會更改或刪除。新文本應該與該文本框一起添加。如何禁用存在
我嘗試了很多方法來做到這一點。但我找不到任何一個想法。人們請幫我解決這個問題。
<%: Html.TextArea("Remark", Model.Remarks, new { @maxlength = "400" })%>
我每天都有些言論應與不同的用戶加入時創建一個多行文本框。在該文本框的文本內容的jQuery HTML5。但現有內容不會更改或刪除。新文本應該與該文本框一起添加。如何禁用存在
我嘗試了很多方法來做到這一點。但我找不到任何一個想法。人們請幫我解決這個問題。
<%: 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" />
但現有的內容應該顯示。但應該隱藏起來。不可編輯。他們可以添加新的內容。同時保存數據所有這些東西都會被添加。 – PoliDev
啊我錯過了..我會有另一個小提琴 –
明白了 - 將屬性設置爲只讀 –
請參見編輯答案 - 具有隻讀和換行符 –