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

时间:2013-06-10 23:50:34

标签: javascript jquery html

我正在尝试做的是在用户输入时将输入字段中的文本附加到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());
});

这让我完全按照自己的意愿行事。

由于

2 个答案:

答案 0 :(得分:1)

更改为:

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

您可能希望使用.html(),这样每次用户输入时它都会替换div内容,append()每次都会添加到当前内容。

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

答案 1 :(得分:0)

只需这样做: SIMPLE FIDDLE

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