Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当文本进入文本区域时,如何在div中显示文本_Javascript_Jquery_Knockout.js - Fatal编程技术网

Javascript 当文本进入文本区域时,如何在div中显示文本

Javascript 当文本进入文本区域时,如何在div中显示文本,javascript,jquery,knockout.js,Javascript,Jquery,Knockout.js,当文本进入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

当文本进入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);
});
添加
var SpeechBubble=函数(){
this.items=ko.observearray();
this.adds=函数(项){
此.items.push(item);
}
}
ko.applyBindings(newspeechbubble());
$('.speechttxt').keyup(函数(){
var txt=$(this.val();
$('.txtspeech').html(txt);
});

您的代码正在工作,您可能需要将其放入,以便在执行绑定事件的脚本时,将您要查找的元素添加到
DOM
中,并且

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

document.ready(函数(){
$('.speechttxt').keyup(函数(){
var txt=$(this.val();
$('.txtspeech').html(txt);
});
});

您的代码正在工作,您可能需要将其放入,以便在执行绑定事件的脚本时,将您要查找的元素添加到
DOM
中,并且

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

document.ready(函数(){
$('.speechttxt').keyup(函数(){
var txt=$(this.val();
$('.txtspeech').html(txt);
});
});

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

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

如何确定要更改哪个
div
的文本?当我添加第一个div时,然后在textarea中键入文本显示在div中。对,但如果再次添加,应该更改哪个div?上一个,还是新的?如何缩短此问题..如何确定要更改哪个
div
的文本?当我附加第一个div时,然后在textarea中键入text show in div.对,但是如果再次附加,应该更改哪个div?上一个,还是新的?如何缩短此问题..没关系,但问题是,有多个DIV append。然后键入text show one DIV。然后键入text show one DIV。然后键入text show one DIV…您可以使用要在一个DIV中显示的id。或者您可以使用特定DIV$('.txtspeech').eq(0).html(txt)的索引;没有回应…在这里。!!可以,但问题是,有多个DIV append。然后键入text show one DIV。然后键入text show one DIV。您可以使用要在一个DIV中显示的id。或者您可以使用特定DIV$('.txtspeech').eq(0.html(txt)的索引;没有回应…在这里。!!