jQuery函数改变背景颜色不起作用

Question

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

有人可以告诉我如何修复上面的代码，以便它可以工作。我完全不了解jquery，我不知道如何在我已经预定义的函数中调用变量。谢谢您的帮助！

Chooser2代表一种颜色，即红色，蓝色，黄色，黑色。

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-color代替background。

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