<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>DIV-3</title>
<SCRIPT language=JavaScript>
<!--
function Change(id)
{
div1.style.display=='';
// div1.style.display='none';
//div2.style.display='none';
// div3.style.display='none';
// div4.style.display='none';
// if(div1.style.display=='')
// {div1.style.display=='';
// }
}
function a(x){
for(var i=1;i<5;i++){
if(i==x)document.getElementById("div"+i).style.visibility="visible";
else document.getElementById("div"+i).style.visibility="hidden";
}
}
-->
</SCRIPT>
</head>
<body>
<div id="div1">此处显示 id "div1" 的内容</div><br>
<div id="div2">此处显示 id "div2" 的内容</div><br>
<div id="div3">此处显示 id "div3" 的内容</div><br>
<div id="div4">此处显示 id "div4" 的内容</div><br>
<select onChange="a(this.selectedIndex+1)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>DIV-3</title>
<SCRIPT language=JavaScript>
<!--
function Change(id)
{
div1.style.display=='';
// div1.style.display='none';
//div2.style.display='none';
// div3.style.display='none';
// div4.style.display='none';
// if(div1.style.display=='')
// {div1.style.display=='';
// }
}
function a(x){
for(var i=1;i<5;i++){
if(i==x)document.getElementById("div"+i).style.visibility="visible";
else document.getElementById("div"+i).style.visibility="hidden";
}
}
-->
</SCRIPT>
</head>
<body>
<div id="div1">此处显示 id "div1" 的内容</div><br>
<div id="div2">此处显示 id "div2" 的内容</div><br>
<div id="div3">此处显示 id "div3" 的内容</div><br>
<div id="div4">此处显示 id "div4" 的内容</div><br>
<select onChange="a(this.selectedIndex+1)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</body>
</html>
Xajax十分钟入门
关于div的隐藏
