0

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>

基本的に、これが発生するはずです。divは非表示SubIndustryで始まり、誰かが3番目の業界オプション「Commercial / Service / Medical / Retail / Other」を選択すると、SubIndustrydivが表示されます。彼らが第三の産業をクリックすると、それは消えます。

これはFirefoxでの動作ですが、IE8ではそうではありません。それは「ターン」のように振る舞っています。したがって、3番目の業界をクリックしても何も起こりませんが、をクリックするとSubIndustryが表示されます。次にクリックすると、再び消えます。

では、なぜこれがIE8とFirefoxで異なるのですか？

4

1 に答える 1

1

3番目のオプションを選択すると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>
于 2012-09-15T15:17:20.557 に答える