将文本字段元素添加到div的样式中

Question

我想将文本字段中的文本添加到另一个div的样式属性中。

例如，页面上有一个输入：

<input id="text" />

和页面上的div：

<div id="div1" stlye="background:"></div>

我希望用户在text_field中输入的内容以div的样式显示。因此，如果用户键入字符串#FF0000，那么我希望（实时）将div的样式属性更改为

<div id="div1" style="background:#FF0000"></div>

如何使用JavaScript

完成此操作

Answer 1

$('#text').keyup(function () {
    $("#div1").css('background', $('#text').val());
});

Answer 2

像这样使用change（）函数

$('#inp').keyup(function () {
$("#div1").css('background', $('#inp').val());
});   

带有keyup

http://jsfiddle.net/NVW4S/1/

随着变化 http://jsfiddle.net/NVW4S/

Answer 3

我建议使用jQuery on函数：

$('#text').on('keyup', function () {
    $("#div1").css('background', $(this).val());
});

此外，使用相同的选择器而不是this是不切实际的。