jQuery関数が動作しない背景色を変更する

Question

function ajaxFunction2(){ 
var chooser2 = $('#chooser2').val(); 
$('#floatcontainertop').css("background",$('#chooser2').val()); 
} 

誰かが上記のコードを修正して動作するよう教えてください。私はjqueryについて全く知らないし、既に定義済みの関数内で変数を呼び出す方法も知らない。助けてくれてありがとう！

セレクタ2は、赤、青、黄、黒の色を表す。

Answer 1

function ajaxFunction2(){ 
    var chooser2 = $('#chooser2').val(); 
    $('#floatcontainertop').css("background",chooser2); 
} 

すべてを行う必要がある変数を使用している場合、これはそれを変更されていなければ、それは方法だろう、しかし、それは別の、より微妙な、問題があることかもしれませんか？

あなたは現在どのような行動をしていますか？

Answer 2

あなたがそこにシャープ記号を追加する必要があり

...

$('#floatcontainertop').css("background", "#" + $('#chooser2').val()); 

しかし、我々はリターンをchooser2のか分からないので、私が間違っている可能性があります。あなたは$（ '＃chooser2'）の有効な応答であなたの回答を更新できますか？val（）そして必要な場合は私の応答を更新できますか？

Answer 3

backgroundの代わりにbackground-colorを使用する必要があります。

DEMO

てみてください、私は一緒にあなたが探しているかもしれないものフィドル入れている

function ajaxFunction2(){ 
    var chooser2 = $('#chooser2').val(); 
    $('#floatcontainertop').css("background-color", chooser2); 
} 

Answer 4

：参照用に下記

http://jsfiddle.net/makotosan/dM5kU/2/

コード：

マークアップ

<div id="floatcontainertop" style="width:400px;height:400px"></div> 
<select id="chooser2"> 
    <option>-- Choose color --</option> 
<option value="red">Red</option> 
<option value="green">Green</option> 
<option value="blue">Blue</option> 
<option value="black">Black</option> 
</select> 

JavaScriptが

$(function(){ 
    $('#chooser2').change(function(){ 
     var choice = $(this).val(); 
     $('#floatcontainertop').css("background",choice); 
    }); 
});