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

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

我的代码：

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

来源

2013-08-19 user2645731

你如何确定哪些'div'改变的文本？ –

当我追加第一个div然后在文本区域显示在DIV中键入文本。 – user2645731

对，但是如果再次追加，应该更改哪个div？前一个，还是新的？ –

你的代码工作你可能需要把它document.ready，这样，当结合事件的脚本执行你正在寻找被添加到DOM和include jQuery

元素

Live Demo

$('.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>

来源

2013-08-19 10:53:18 Adil

其确定但问题是，有多个DIV append.then类型文本显示一个DIV。然后键入文本显示另一个DIV ... – user2645731

你可以使用你想要显示在一个div中的ID。或者你可以使用特定的div $（'。txtspeech'）。eq（0）.html（txt）; – Adil

有没有回应..这里。 – user2645731

添加类“txtspeech”到的div要显示的文字

来源

2013-08-19 10:53:49

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

回答

相关问题