javascript - hide() 在 IE 中不起作用

Question

我的代码在 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>

感谢任何帮助..

Answer 1

确保关闭开始标签。尝试使用这个:

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

Seems to work for me in IE8 .