將文本字段元素添加到div的樣式

Question

我想將文本字段中的文本添加到另一個div的style屬性中。

例如，頁面上有一個輸入：

<input id="text" />

和頁面上的div：

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

我希望用戶在text_field中輸入的內容以該div的樣式顯示。 因此，如果用戶鍵入字符串#FF0000 ，那么我想（實時）將div的style屬性更改為

<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());
});   

與鍵盤

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

更改http://jsfiddle.net/NVW4S/

Answer 3

我建議on功能on使用jQuery：

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

此外，使用相同的選擇器代替this是不切實際的。