显示/隐藏<div>基于<select>值

Question

任何人都可以帮助指出我在我的网页上停止使用jsFiddle完美运行的代码是什么？ 在过去的几个小时里，我一直试图解决这个问题，无论我做什么，我似乎无法触发它。我有一种感觉，它会变成一种非常简单和愚蠢的东西，完全超越了我的脑袋，但它正在慢慢地让我失望并阻碍其他依赖于此的事情的进展。 感谢您提供的任何帮助，谢谢。 $（＆＃39;＃select-os＆＃39;）。change（function（）{     if（this.value ==＆＃34; r＆＃34;）{         $（＆＃39; .wont＆＃39;）。节目（）;         $（＆＃39; .ready，.will＆＃39;）。hide（）;     }     否则如果（this.value ==＆＃34; g＆＃34;）{         $（＆＃39; .will＆＃39;）。节目（）;         $（＆＃39; .ready，.wont＆＃39;）。hide（）;     } }）;

Answer 1

你需要document.ready试试这个：

$(document).ready(function (){
 $('#select-os').change( function() {
    if (this.value == "r") {
        $('.wont').show();
        $('.ready, .will').hide();
    }
    else if (this.value == "g") {
        $('.will').show();
        $('.ready, .wont').hide();
    }
 });
});