how to disable exists content in a textbox in jquery html5

Question

I created one multi line text box.In that text box every time some remarks should be added with the different users. But existing content would not change or delete. The new text should add with that text box.

I tried the many ways to do this. But i can't find any one idea. People please help me to fix this issue.

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

pls see edited answer - with read-only and line breaks

Rachel Gallen
– Rachel Gallen

2015-09-04 11:35:29 +00:00
Commented Sep 4, 2015 at 11:35 — Rachel Gallen
– Rachel Gallen, Commented Sep 4, 2015 at 11:35

Rachel Gallen · Accepted Answer · 2015-09-04 11:34:52Z

2

This is just an example. Its better to have an input below the text area to get the text from to append and then clear it once appended, but you get the gist. It requires 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" />

edited Sep 4, 2015 at 11:34

answered Sep 4, 2015 at 10:00

Rachel Gallen

28.7k22 gold badges77 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

PoliDev Over a year ago

But existing content should show. but it should be hidden. not editable. they can add new content. while saving data all those things will be add.

Rachel Gallen Over a year ago

ah i missed that .. i'll have another fiddle

Collectives™ on Stack Overflow

how to disable exists content in a textbox in jquery html5

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related