为什么这在IE中的工作方式与在Firefox中的工作方式不同?

时间:2012-09-15 14:52:51

标签: javascript internet-explorer firefox internet-explorer-8

我在html页面中有以下代码:

<script type="text/javascript">      
    function industry(industryid)
    {
        if(industryid==0)
        {
            document.getElementById("SubIndustry").style.visibility="Hidden";
        }
        else
        {
            document.getElementById("SubIndustry").style.visibility="Visible";
        }
    }
</script>

此处使用此代码:

<div class="Question">
             2. What is the primary nature of your business?
        </div>

        <div class="Answer">
            <input type="radio" name="q2" class="Button" value="1-1" onchange='industry(0)' />
            Manufacturing/Logistics
            <br />
            <input type="radio" name="q2" class="Button" value="1-2" onchange='industry(0)' />
            Government/Schools
            <br />
            <input type="radio" name="q2" class="Button" value="1-3" onchange='industry(1)' />
            Commercial/Service/Medical/Retail/Other
        </div>

        <div id="SubIndustry">
            <div class="Question">
                Services Sub Industry
            </div>

            <div class="Answer">
                <input type="radio" name="q2-1" class="Button" value="135-55" />
                Healthcare
                <br />
                <input type="radio" name="q2-1" class="Button" value="135-56" />
                Other
            </div>

        </div>

基本上这是应该发生的事情:SubIndustry div开始是不可见的,当有人选择第三个行业选项“商业/服务/医疗/零售/其他”时,SubIndustry div出现。如果他们点击第三产业就会消失。

这是它在Firefox中的工作方式,但在IE8中并非如此。它表现得像是一个“转身”。因此,当我点击第三个行业时,没有任何反应,但如果我点击那么SubIndustry会出现。如果我再点击它就会再次消失。

那么,为什么IE8的工作方式与Firefox有所不同?

1 个答案:

答案 0 :(得分:1)

我认为这肯定是一些错误,因为一旦你选择了第三个选项,它就不会使div显示,但是当你点击其他地方之外的时,div就显示了!!!!!

我修改了代码并且它有效: -

<div class="Answer">
    <input type="radio" name="q2" class="Button" value="1-1" onclick="industry(0)" />
    Manufacturing/Logistics
    <br />
    <input type="radio" name="q2" class="Button" value="1-2" onclick="industry(0)" />
    Government/Schools
    <br />
    <input type="radio" name="q2" class="Button" value="1-3" onclick="industry(1)" />
    Commercial/Service/Medical/Retail/Other
</div>