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