將文本字段元素添加到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

使用更改（）功能像這樣

$('#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是不切實際的。