更改顏色選擇>選項更改

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

Answer 2

您還沒有使用這樣的：

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

你需要的一切都select及其change事件。然後功能會繼續。