hide（）无法在IE中运行

Question

  

可能重复：
  hide() not working in IE

大家好， 我的代码在firefox中运行完美，并在IE中出错。有任何想法吗？

我有一个包含各种选项的下拉列表，我试图根据所选值显示/隐藏另一个下拉列表中的选项。

function selectNames() {
var Name = $("#SelectName").attr("value");
 $("."+Name).each(function() {
   $(this).hide();            
 });
}

<select >
   <option class="Name1" value="SomeName1" </option>
   <option class="Name2" value="SomeName2" </option>
</select>
<select id="SelectName" onchange="javascript:selectNames();" >
   <option value="Name1" </option>
   <option value="Name2" </option>
</select>

感谢任何帮助..