select下拉列表框---控制DIV的显示隐藏

来源：互联网发布：ip网络加速器免费版编辑：程序博客网时间：2024/05/19 23:56

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
</HEAD>
<script>
function jumpMenu(selObj){

var x=document.getElementById(selObj.options.selectedIndex);
var y=document.getElementsByTagName("div");

for(i=0;i<y.length;i++){
if(y[i].getAttribute("name") == "xxx"){
if(y[i].id=='0'){
y[i].style.display='';
}else{
y[i].style.display='none';
}

if(y[i].id==selObj.options.selectedIndex){

y[i].style.display='';
break;
}
else{
y[i].style.display='none'
}
}

}

}
</script>
<BODY>
  <select class="f_line" onChange="jumpMenu(this)">

   <option value="0" >0000</option>

   <option value="1" >111</option>
<option value="2" >222</option>
   <select>

<div id="0" name="xxx">aaaaaa</div>
<div id="1" name="xxx" style="display:none">bbb</div>
<div id="2" name="xxx" style="display:none">cccc</div>
</BODY>
</HTML>