jQuery不能在IE中工作

Question

我的代码在FF中可以正常工作，但在IE中不能正常工作。取决于所选第一个下拉列表的值，第二个下拉列表中隐藏了某些值。该值在FF正确隐藏，但一切都显示在IE：

function updateMountingMethod() { 
    var selectedVal = $('#attrib-13 option:selected').text().split(" ")[0]; 
    $.each($("#attrib-7").children(), function() { 
     var optionText = $(this).text(); 
     var values = optionText.split('|')[1]; 
     if (values != undefined) { 
      if (values.substring(1, 3) != selectedVal) { 
       $(this).css('display', 'none'); 
      } 
      else { 
       $(this).text($(this).text().split("|")[0] + $(this).text().split("|")[2]); 
      } 
     } 
    }) 
} 

如果这个心不是在这里完全清楚是一个更好的描述。

我有一个jQuery代码，每调用一次下拉值就被调用。当值被改变时，它获得所选元素的大小。显示的数值看起来像是11英尺，15英尺，19英尺，所以我把它分成刚刚得到的数字而不是英尺。根据所选的值，它需要更新下面这种格式的下拉菜单：

 
Item 1 | 11'11" | 
Item 2 | 15'9" | 
Item 3 | 19'9" | 
... 

我不希望| |之间的东西显示，它只是在那里匹配每个项目与选定的长度（即在第一下拉选择11英尺选项，则只有11'11"选项显示在第二次下降）。任何人都可以告诉我为什么这些额外的值不被隐藏在IE中？