Javascript 在用户键入时向div jquery追加输入值

我试图做的是在用户键入时将文本从输入字段追加到div

这样他们就能看到文本的样子

下面是我所拥有的

jQuery('#options_6_text').keyup(function() {
    jQuery('.product_zoom').appendTo(jQuery(jQuery(this).val()));
    console.log(jQuery(this).val())
});

现在console.log正在像我想的那样工作，但是文本似乎没有附加到.product\u zoom div，你知道我做错了什么吗

谢谢

编辑

    jQuery('#options_6_text').bind('keyup blur', function() {
    jQuery('.product_zoom').text(jQuery(this).val());
});

这让我完全可以做我想做的事

感谢您更改以下内容：

jQuery('.product_zoom').html(this.value);

为此，您需要使用

.html（）

，这样每次用户键入时，它都会替换div内容，每次都会将

append（）

添加到当前内容中

---

演示：

只需这样做：

---

append to

暗示，如果您想将数据

附加到元素中，那么前面的元素将被附加到
其他地方
，这只是
append（）
是……但是为什么……为什么是最重要的部分。现在有太多的人试图用即时1班轮来挖掘业力。没有解释。对我来说，也许这只是个人的事情，但我正在努力营造一个环境，让你知道如何和为什么，而不仅仅是这里。同意，通过快速解释和API参考更新答案，应该有助于走上正确的道路。嘿，伙计们，谢谢大家。。。事实上，我仍然有问题。我知道为什么，但不知道如何修复它。假设我在框中键入555，它会显示555555，因为它会不断将框中的内容添加到文本中。。。你知道我是否可以让它镜像文本字段中的内容？谢谢。@user2417267--更改了我的答案，在我拉小提琴时意识到了错误。嘿，谢谢，但是，在按下第二个键之前，这似乎不起作用。。。我能够通过使用jQuery（'#options_6_text'）.bind（'keyup blur'，function（）{jQuery（'.product_zoom'）.text（jQuery（this.val（））；}）修复它；非常感谢。
$('#options_6_text').keyup(function() {
    $('.product_zoom').text(this.value);
});