Javascript 隐藏选择框元素在 IE 中不起作用

Question

嘿，不确定我是否以正确的方式处理这件事。我有两个不同的选择框。需要发生的是，当选择框 1 中的某个项目时，框 2 中的某些项目将被隐藏。我的东西在 FF 中工作正常，但在 IE 中不行......想法？

<div>  
    <label class="form_label">Apparel</label>  
    <select id="Choices" size="1" style="clear: right;" onchange"changeThis();">  
        <option value="select">Pick Your Product</option>  
        <option value="1">choice 1</option>  
        <option value="2">choice 2/option>  
        <option value="3">choice 3</option>  
    </select>
</div>
<div>
    <label class="form_label">Size</label>
    <select id="Sizes" size="1" style="clear: right;">
        <option value="select">Choose Your Size</option>
        <option value="SC">Small Child</option>
        <option value="IC">Intermediate Child</option>
        <option value="MC">Medium Child</option>
    </select>
</div>

...

函数changeThing(选择)

{
    var item = document.getElementById("Choices");
    var size = document.getElementById("Sizes");
    var selitem = item.options[item.selectedIndex].value;

    if(selitem == '2546')
    {
        for(i=0; i<2; i++)
        {
            size[i].style.display = 'none';
            //alert(size[i]);
        }
    }

Answer 1

尝试使用这个:

http://www.w3schools.com/CSS/pr_class_visibility.asp

结果会是:

size[i].style.visibility='hidden';

编辑

哦，欢迎来到 StackOverflow!