我在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有所不同?
答案 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>