[問題] 下拉式選單變換DIV IE無法正常顯示
請大家幫我看一下這段程式碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"" rel="nofollow">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="" rel="nofollow">http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<body>
<select name="select2">
<option onclick="javascript:form1();" selected="selected">a1</option>
<option onclick="javascript:form2();">a2</option>
<option onclick="javascript:form3();">a3</option>
<option onclick="javascript:form4();">a4</option>
<option onclick="javascript:form5();">a5</option>
<option onclick="javascript:form6();">a6</option>
</select>
<div id="f1" style="display:none;">111</div>
<div id="f2" style="display:none;">222</div>
<div id="f3" style="display:none;">333</div>
<div id="f4" style="display:none;">444</div>
<div id="f5" style="display:none;">555</div>
<div id="f6" style="display:none;">666</div>
<script type="text/javascript">
var fm1=document.getElementById("f1");
var fm2=document.getElementById("f2");
var fm3=document.getElementById("f3");
var fm4=document.getElementById("f4");
var fm5=document.getElementById("f5");
var fm6=document.getElementById("f6");
function form1()
{
fm1.style.display='block';
fm2.style.display='none';
fm3.style.display='none';
fm4.style.display='none';
fm5.style.display='none';
fm6.style.display='none';
}
function form2()
{
fm1.style.display='none';
fm2.style.display='block';
fm3.style.display='none';
fm4.style.display='none';
fm5.style.display='none';
fm6.style.display='none';
}
function form3()
{
fm1.style.display='none';
fm2.style.display='none';
fm3.style.display='block';
fm4.style.display='none';
fm5.style.display='none';
fm6.style.display='none';
}
function form4()
{
fm1.style.display='none';
fm2.style.display='none';
fm3.style.display='none';
fm4.style.display='block';
fm5.style.display='none';
fm6.style.display='none';
}
function form5()
{
fm1.style.display='none';
fm2.style.display='none';
fm3.style.display='none';
fm4.style.display='none';
fm5.style.display='block';
fm6.style.display='none';
}
function form6()
{
fm1.style.display='none';
fm2.style.display='none';
fm3.style.display='none';
fm4.style.display='none';
fm5.style.display='none';
fm6.style.display='block';
}
</script>
</body>
</html>
這段程式碼的作用是透過選取下拉式表單來變換DIV
這段程式碼在Firefox下執行是正常的
可是不知道為什麼在IE下執行卻不能正常運作
想請問各位大大該如何解決~~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 211.22.153.141