Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择时更改颜色>;期权变更_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 选择时更改颜色>;期权变更

Javascript 选择时更改颜色>;期权变更,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试一些非常基本的东西,但我无法理解它 非常简单,但我要循环:当选择带有重置文本的选项时,我希望页面中主体的背景变为橙色 如果是数字(1、2或3),背景将变为白色 这是我的密码: 似乎无法正确瞄准它,因为它始终是橙色的,没有任何错误 提前感谢 您没有使用此选项: $('select').change(function () { var reset = $('option:selected').text(); if (reset === 'reset') { $('body'

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

非常简单,但我要循环:当选择带有重置文本的选项时,我希望页面中主体的背景变为橙色

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

这是我的密码:

似乎无法正确瞄准它,因为它始终是橙色的,没有任何错误


提前感谢

您没有使用此选项:

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

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

您没有使用此选项:

$('select').change(function () {
  var reset = $('option:selected').text();
  if (reset === 'reset') {
    $('body').css('background-color', 'orange');
  } else {
    $('body').css('background-color', 'white');
  }
}
您所需要的只是
select
及其
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');
        }
    });

});

您需要使用事件来检测选择值是否已更改:

$( 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');
        }
    });

});

您不必听
更改
事件!哦这是怎么翻译的?你不会听
change
event!哦这将如何翻译?@Neonjack很高兴这有帮助:D@Neonjack很高兴有帮助:D