javascript - jQuery:FadeIn单击时的选定值

我有一个带有5个值的选定框。我正在尝试淡入框中输入的内容。例如：如果选择了input1，则单击时淡入input1。

这是我想要做的：

$(document).ready(function(){
    $('.btn').click(function() {
               if($("#selectbox").value == 'Input1') {
            $(".input1").show();
        } else if($("#selectbox").value == 'Input2') {
            $(".input2").show();
        } else if($("#selectbox").value == 'Input3') {
            $(".input3").show();
        } else if($("#selectbox").value == 'Input4') {
            $(".input4").show();
        } else if($("#selectbox").value == 'Input5') {
            $(".input5").show();
        }
    }
});

这是一个不起作用的小提琴：

http://jsfiddle.net/rzMHJ/

最佳答案

您的代码有两个错误，这就是为什么它不起作用。


$("#selectbox").value应该是$("#selectbox").val()
您尚未使用);关闭点击事件


在此示例中使用开关盒也要好得多。

工作演示：http://jsfiddle.net/naveen/Zn2yy/

更新（基于Nick Cravers的评论）

对于这种特殊情况，您可以像这样简化代码。
演示：http://jsfiddle.net/nick_craver/BWacA/