javascript - 选择时更改颜色 > 选项更改

Question

我正在尝试一些非常基本的东西，但我无法理解它...

非常简单，但我要绕圈子了:我希望当选择了与其关联的 RESET 文本的 OPTION 时，我页面中 BODY 的背景变为橙色。

如果是数字(1、2 或 3)，背景变为白色。

这是我的代码:http://jsfiddle.net/PQW88/2/

$( document ).ready(function() {

    var reset = $('option:selected').text();

    if (reset === 'reset') {
        $('body').css('background-color', 'orange');
    }
    else {
        $('body').css('background-color', 'white');
    }

});

似乎无法正确定位它，因为它总是橙色，没有任何错误...

提前致谢!!!

Answer 1

您需要使用 change()每当您的选择值发生更改时检测的事件:

$( document ).ready(function() {

    $('select').on('change',function() {
        var reset = $('option:selected').text();
        if (reset === 'reset') {
            $('body').css('background-color', 'orange');
        }
        else {
            $('body').css('background-color', 'white');
        }
    });

});

Updated Demo