javascript - 在用户键入时将输入值附加到 div jquery

Question

我正在尝试做的是在用户键入时将文本从输入字段附加到 div...

所以他们可以看到文本的样子。

我所拥有的是以下。

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

现在，console.log 正在按照我的想法工作，但是文本似乎没有附加到 .product_zoom div，任何想法我做错了什么？

谢谢！

编辑

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

这让我可以完全按照自己的意愿去做。

谢谢

Answer 1

改成这样：

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

您将要使用.html()它，这样每次用户键入时它都会替换 div 内容，每次append()都添加到当前内容中。

演示：http: //jsfiddle.net/rRnSB/

Answer 2

简单地这样做：简单的小提琴

$('#options_6_text').keyup(function() {
    $('.product_zoom').text(this.value);
});