在Textarea中输入文本时，如何在div中显示文本

Question

当在Textarea中输入文本时，在DIV中显示文本。但条件是，我追加了多个DIV，然后在Textare中键入文本。然后仅显示一个DIV，而未显示其他DIV。

我的代码：

<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);
});

Answer 1

您的代码正在运行，可能需要将其放入document.ready，以便在执行绑定事件的脚本时，将您要查找的元素添加到DOM并包含jQuery

现场演示

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

您可以使用脚本标签添加jQuery。

<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>

Answer 2

将类“ txtspeech”添加到要显示文本的div中