Show/Hide <DIV> 基于 <SELECT> 值

Question

谁能帮我指出是什么阻止了这段与 jsFiddle from working in my webpage 完美配合的代码？

过去几个小时我一直在尝试修复此问题，但无论我做什么，似乎都无法触发它。我有一种感觉，这将是一件非常简单和愚蠢的事情，完全超出了我的想象，但它慢慢地让我失望并阻碍了依赖于此的其他事情的进展。

感谢您提供的任何帮助，谢谢。

$('#select-os').change( function() {
    if (this.value == "r") {
        $('.wont').show();
        $('.ready, .will').hide();
    }
    else if (this.value == "g") {
        $('.will').show();
        $('.ready, .wont').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();
    }
 });
});

Show/Hide <DIV> 基于 <SELECT> 值

Show/Hide <DIV> Based on <SELECT> Value

html

javascript

jquery

drop-down-menu