选择触发器上的 jQuery 在 ie 中不起作用

Question

我正在使用选择下拉菜单通过为每个选择附加唯一的类来触发不同的事件。例如:

<select name='topic' class='long box validate-select'>
   <option value="null">Questions?</option>
   <option value='First' class='select1'>Question 1</option>
   <option value='Second' class='select2'>Question 2</option>
</select>

<div id="faq1"> - </div>
<div id="faq2"> - </div>

<script>
    $(document).ready(function() {
        $('option.select1').click(function(){
            $('#faq1').fadeIn('fast');
            return false;
        });
        $('.select2').click(function(){
            $j('#faq2').fadeIn('fast').siblings().hide();
            return false;
        });
    });
</script>

这在 Firefox 中工作正常.. 但在 IE 中没有任何作用(我检查了 7 和 8)。有谁知道我应该如何写这个来让 IE 开心？

Answer 1

尝试将 .change() 连接到选择列表。

$("select[name='topic']").change(function(){
   if($(this).val() === "First"){
     $('#faq1').fadeIn('fast');
   }
   if($(this).val() === "Second"){
     $j('#faq2').fadeIn('fast').siblings().hide();
   }
});

Example on jsfiddle