Question

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

非常简单，但我要循环：我希望当选择与其关联的RESET文本的OPTION时，我页面中BODY的背景会变为橙色。

如果是数字（1,2或3），背景将变为白色。

$( document ).ready(function() {

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

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

});

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

感谢提前!!!

Answer 1

你还没有用过这个：

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

您需要的只是select及其change事件。然后该功能将继续。

Answer 2

您需要使用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

在选择＆gt;上更改颜色期权变更

2 个答案: