我在 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 中的工作方式不同呢?