How to show text in div, when text enter in Textarea

Question

When Text Enter in Textarea then show text in DIV.but Condition is that,i append mutiple DIV then type text in Textare.then show text only one DIV not Other DIV.

My Code :

<button data-bind="adds">ADD</button>
     <div data-bind="foreach: items">
                <div class="SpeechBubble" id="speechID" data-bind="attr: { class: 'SpeechBubble' }">
                <div class="pointer bottom " id="pointer"></div>
                <div class="txtspeech"></div>
            </div>

        </div>

var SpeechBubble = function () {
                this.items = ko.observableArray();
                this.adds = function (item) {
                    this.items.push(item);
                }
            }
            ko.applyBindings(new SpeechBubble());



$('.speechttxt').keyup(function () {
    var txt = $(this).val();
    $('.txtspeech').html(txt);
});

when i append first one div then type text in textarea show in DIV. — user2645731, Aug 19 '13 at 10:52
Right, but if you append again, which div should be changed? The previous one, or the new one? — Rory McCrossan, Aug 19 '13 at 11:00

score 4 · Accepted Answer · edited May 23 '17 at 12:20

4

Your code is working your probably need to put it document.ready so that when the script for binding event is execute the element you are looking for is added to DOM and include jQuery

Live Demo

$('.speechttxt').keyup(function () {
    var txt = $(this).val();
    $('.txtspeech').html(txt);
});

You can add jQuery using script tag.

<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>    

<script  type="text/javascript">
    document.ready(function(){
        $('.speechttxt').keyup(function () {
            var txt = $(this).val();
            $('.txtspeech').html(txt);
        });
    });
</script>

edited May 23 '17 at 12:20

Community

1
1

answered Aug 19 '13 at 10:53

Adil

146,340
25
209
204

its OK but problem is that, there are mutiple DIV append.then type text show one DIV. then type text Show another DIV... – user2645731 Aug 19 '13 at 11:04
You can use id of you want to show in one div. or you can use index for particular div $('.txtspeech').eq(0).html(txt); – Adil Aug 19 '13 at 11:07
There Are No Response..Here.!! – user2645731 Aug 19 '13 at 11:45

score 0 · Answer 2 · answered Aug 19 '13 at 10:53

0

add the class 'txtspeech' to div you want to display the text

answered Aug 19 '13 at 10:53

Sobin Augustine

3,639
2
25
43

How to show text in div, when text enter in Textarea

2 Answers2