JQuery .show不能在IE7中工作 [英] JQuery .show not working in IE7

问题描述

这个.show和.hide在Firefox 3中运行良好但在IE 7中运行不佳。
当我点击<在IE的列表中，当我再次选择Between时，跨度隐藏但不会再显示
。

This .show and .hide works great in Firefox 3 but not in IE 7. When I click < in the list in IE the span hides but does not show again when I select Between again.

我做错了什么？

    <select id="lst" onchange="onselectchange();">
        <option>Between</option>
        <option>&lt;</option>
    </select>   
    &nbsp;&nbsp;
    <span id="spanAnd">And</span>

   <script type="text/javascript">
       function onselectchange() {
           var lst = document.getElementById('lst');
           var sp = document.getElementById('spanAnd');
           if (lst.value == 'Between') {
               $('#spanAnd').show();
           }
           else {
               $('#spanAnd').hide();
           }
       }
   </script>

编辑：我试过onclick和onchange。

I tried onclick and onchange.

推荐答案

试试这个（把我留在评论中的一些东西放在另外两个答案中）：

Try this (putting together some things I left in comments to two other answers):

<script type="text/javascript">
$(function() {
  $("#lst").change(function() {
    if ($("#lst").val() == 'Between') {
      $('#spanAnd').show();
    }
    else {
      $('#spanAnd').hide();
    }
  })
});
</script>

这篇关于JQuery .show不能在IE7中工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！